1.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>
</body>
</html>
2.在HTML中加入JS代码
使用成对出现的标签<script>JS代码</script>
<script type="text/javascript"> 表示在<script></script>之间出现的是文本类型(text),javascript是告诉浏览器里面的文本是javascript语言
3.引用JS外部文件
js文件不能直接运行,需要嵌套进html文件中执行
后缀通常为.js,在js文件中不需要写<script>标签
在html文件中写<script src="script.js"></script>链入js文件
(其中script.js是js文件的名字)
4.JS在页面中的位置
可将js代码放在HTML的任何位置,但是一般放在网页的head或者body部分
放在<head>部分
最常用,浏览器解析head时就会执行该代码,然后才解析页面的其余部分
放在<body>部分
JS代码在网页读取到该部分的时候就会执行
注意
js作为脚本语言可放在页面中的任何位置,浏览器解析HTML时是按照先后顺序,前面的script限制性。
进行页面初始化的js必须放在head里面,因为初始化要求提前进行(如给页面body设置CSS)
通过事件调用执行的function对位置无要求
5.
JavaScript语句是发给浏览器的命令,告诉浏览器需要做的事情
顺序执行语句
分号“;”应在英文状态下输入
分号也可不写,但是一般要在每句的末尾写上分号
6.注释
单行注释: //注释内容
多行注释: /注释内容/
7.变量
定义变量: var 变量名;
命名规则:
- 字母,下划线(_)或美元符($)开始
- 使用任意多个英文字母、数字、下划线(_)或者美元符($)组成
- 不能使用JavaScript关键词与JavaScript保留字
要先声明再赋值,(变量可以不声明直接使用,但是不规范)
变量可以重复赋值
JS区分大小写
8.函数
完成某个特定功能的一组语句
function 函数名(){
函数代码
}
function为定义函数的关键字
函数调用直接写 函数名();