- 有两种方式将js代码引入html文档。
- 通过script标签直接将JS语句嵌入html
如：
<script>
document.write("<p>hello, JS</p>");
</script>
- 通过外链js文件
通常将外链文件放在</body>前。
<body>
<p id="demo"></p>
<script src="js.js"></script>
</body>
js.js:
document.getElementById("demo").innerHTML=("Hello,JS");
- 变量
变量名只能使用字母、数字、美元符号$和下划线_。并且区分大小写。
约定：使用驼峰写法，首字母小写代表名字类型。
如：变量名，v；函数名，f；
JavaScript不需要声明变量名，如果习惯声明变量名可以用var。如：
<script>
<!--直接赋值-->
vNum=5;
<!--先声明再赋值-->
var vNum;
vNum=5;
<!--合并声明和赋值-->
var vNum=5;
</script>
变量可以有多种类型，如字符型、数字型、逻辑型等，目前暂不涉及。
- 操作符
数字间操作符：
加减乘除（+-/），求余：%，自增：++，自减：--。
组合操作符：+=，-=，=，/=，
字符间操作符：
+：连接字符串， - 鼠标动作
本章学习三个：onClick，onMouseOver，onMouseOut。
onClick几乎可以应用于任何可见的html元素，实现方式是为元素添加属性，如：
<input type="button" onclick="alert('还真点啊')" value="点击试试" />
onMouseOver和onMouseOut用于检测鼠标指针与特定页面的关系。当鼠标进入某个元素所占区域时，会触发onMouseOver事件，当鼠标离开某个元素所占区域时，会触发onMouseOut事件。
<input type="button" onMouseOver="alert('停在了按钮上')" value="放在上面试试" />
<input type="button" onMouseOut="alert('离开了按钮')" value="放上后离开试试" />
要注意，双引号内需要用引号时，里面的需要换成单引号。
网友评论