每天一点JavaScript-01

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>

效果图1.png

2.在HTML中加入JS代码

使用成对出现的标签<script>JS代码</script>

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为定义函数的关键字
函数调用直接写函数名（）；