- 有两种方式将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="放上后离开试试" />
要注意,双引号内需要用引号时,里面的需要换成单引号。