JS初体验

来源：互联网发布：vm共享文件夹 linux 编辑：程序博客网时间：2024/06/05 07:32

基本概念

HTML是页面的内容，CSS是页面的布局，JS是页面的行为。
HTML+CSS就可以实现一个静态页面，那为何需要JS的存在呢？
实际上，我们更多的页面的要求是动态的。例如时间是动态显示的、
还有验证码、注册页面的数据验证……

<html><head lang="en">    <meta charset="UTF-8">    <title>简单运算</title>    <style>        p{            color:red;        }    </style></head><body><p id="time">今天是……</p></body><script>    var p1 = document.getElementById("time");    p1.innerHTML = new Date().toString();</script></html>

这个内容不是HTML提供的，而是由JS动态生成的。
所以JS是实现动态页面的，即页面的行为。

<html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        #div1{            height: 100px;            width: 100px;            background: skyblue;            margin: 0 auto;        }    </style></head><body>    <div id="div1" ></div></body><script language="javascript">    var timer = setInterval("zoom()",50);    var div = document.getElementById("div1");    var timer;    var width = 100;    function zoom(){        if(width >= 600){            clearTimeout(timer);        }        width = width + 5;        div.style.width = width + "px";    }</script></html>

而这个案例是用定时器动态去改变元素的宽度，从而实现动态效果。

JavaScript的两种引用方式

（1）内部引用，使用< script>标签，代码直接写在标签中。
（2）外部引用，< script src=”E103-01-03.js”>< /script>。

JavaScript的备注方式

（1）单行注释： //注释内容。
（2）多行注释： /* 注释内容 */。

计算机语言

计算机语言分为编译型和解释型
程序员使用高级语言编制程序，但是程序最终是由计算机去执行，那么计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程。
有两种“翻译”方式：
（1）编译：将代码整体翻译成机器代码，如果有错误则停止翻译，全部成功翻译完才能执行；
（2）解释：将代码翻译一条马上执行一条，如果遇到错误则停止。

计算机语言分为两种：
编译型语言：JAVA、C++、C、PHP….
解释型语言：JavaScript、CSS…

阅读全文

0 0