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代碼
使用成對(duì)出現(xiàn)的標(biāo)簽<script>JS代碼</script>
<script type="text/javascript"> 表示在<script></script>之間出現(xiàn)的是文本類型(text)寄狼,javascript是告訴瀏覽器里面的文本是javascript語言
3.引用JS外部文件
js文件不能直接運(yùn)行匕垫,需要嵌套進(jìn)html文件中執(zhí)行
后綴通常為.js两蟀,在js文件中不需要寫<script>標(biāo)簽
在html文件中寫<script src="script.js"></script>鏈入js文件
(其中script.js是js文件的名字)
4.JS在頁面中的位置
可將js代碼放在HTML的任何位置,但是一般放在網(wǎng)頁的head或者body部分
放在<head>部分
最常用处窥,瀏覽器解析head時(shí)就會(huì)執(zhí)行該代碼齐佳,然后才解析頁面的其余部分
放在<body>部分
JS代碼在網(wǎng)頁讀取到該部分的時(shí)候就會(huì)執(zhí)行
注意
js作為腳本語言可放在頁面中的任何位置船惨,瀏覽器解析HTML時(shí)是按照先后順序,前面的script限制性擂错。
進(jìn)行頁面初始化的js必須放在head里面味滞,因?yàn)槌跏蓟筇崆斑M(jìn)行(如給頁面body設(shè)置CSS)
通過事件調(diào)用執(zhí)行的function對(duì)位置無要求
5.
JavaScript語句是發(fā)給瀏覽器的命令,告訴瀏覽器需要做的事情
順序執(zhí)行語句
分號(hào)“;”應(yīng)在英文狀態(tài)下輸入
分號(hào)也可不寫钮呀,但是一般要在每句的末尾寫上分號(hào)
6.注釋
單行注釋: //注釋內(nèi)容
多行注釋: /注釋內(nèi)容/
7.變量
定義變量: var 變量名;
命名規(guī)則:
- 字母剑鞍,下劃線(_)或美元符($)開始
- 使用任意多個(gè)英文字母、數(shù)字爽醋、下劃線(_)或者美元符($)組成
- 不能使用JavaScript關(guān)鍵詞與JavaScript保留字
要先聲明再賦值蚁署,(變量可以不聲明直接使用,但是不規(guī)范)
變量可以重復(fù)賦值
JS區(qū)分大小寫
8.函數(shù)
完成某個(gè)特定功能的一組語句
function 函數(shù)名(){
函數(shù)代碼
}
function為定義函數(shù)的關(guān)鍵字
函數(shù)調(diào)用直接寫 函數(shù)名()蚂四;