如何插入JS
使用<script>標(biāo)簽在HTML網(wǎng)頁中插入JavaScript代碼。<script>標(biāo)簽要成對(duì)出現(xiàn)活烙，并把JavaScript代碼寫在<script></script>之間徐裸。
<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是為了告訴瀏覽器里面的文本是屬于JavaScript語言。
引用JS外部文件
p.s:在做項(xiàng)目中啸盏，CSS和JS文件一般都和HTMl文檔分離重贺。
為什么樣式和結(jié)構(gòu)要分開呢？［引用自］：CSS學(xué)習(xí)問答
答：
將樣式和結(jié)構(gòu)寫在一起回懦，也就是直接將樣式寫在html標(biāo)簽中气笙，會(huì)使整個(gè)html文檔很亂，可讀性變差怯晕，不利于維護(hù)潜圃。
將樣式與結(jié)構(gòu)分離有很多的好處：
利用CSS中的重用、組合舟茶、繼承等特性減少樣式的代碼量谭期，樣式結(jié)構(gòu)上非常清晰；
頁面視覺有變動(dòng)只需要修改相應(yīng)的CSS文件吧凉，不用或者基本上不用改動(dòng)html文檔中的標(biāo)簽結(jié)構(gòu)隧出；
方便JavaScript腳本編寫，比如用js控制標(biāo)簽的className來方便的客燕、動(dòng)態(tài)的改變?cè)氐臉邮皆Ю停皇侵苯有薷钠渚唧w樣式
適合產(chǎn)品級(jí)狰贯、模塊化的開發(fā)
或者說：
這就像“人靠衣裝”一樣也搓，樣式和結(jié)構(gòu)分開后赏廓，可以對(duì)樣式進(jìn)行更加自由的設(shè)置，也帶來了代碼維護(hù)的簡(jiǎn)單傍妒，縮短了了工作成本幔摸，提高了效率。
結(jié)構(gòu)歸結(jié)構(gòu)颤练，樣式歸樣式既忆，各管各的，分而治之嗦玖，方便管理患雇、復(fù)用、維護(hù)宇挫。
如果需要改格式苛吱，可以很方便的“一次修改，多處使用”
JS文件不能直接運(yùn)行器瘪，需嵌入到HTML文件中執(zhí)行翠储，我們需在HTML中添加如下代碼，就可將JS文件嵌入HTML文件中橡疼。
<script src="script.js"></script>
JS在頁面中的位置
javascript作為一種腳本語言可以放在html頁面中任何位置援所，但是瀏覽器解釋html時(shí)是按先后順序的，所以前面的script就先被執(zhí)行欣除。比如進(jìn)行頁面顯示初始化的js必須放在head里面住拭，因?yàn)槌跏蓟家筇崆斑M(jìn)行（如給頁面body設(shè)置css等）；而如果是通過事件調(diào)用執(zhí)行的function那么對(duì)位置沒什么要求的耻涛。
認(rèn)識(shí)語句和符號(hào)
看看下面這段代碼,有三條語句废酷，每句結(jié)束后都有";"，按順序執(zhí)行語句抹缕。
<script type="text/javascript">
document.write("I");
document.write("love");
document.write("JavaScript");
</script>
注釋
同C屮／／或者／＊ ＊／
變量
定義變量用var ［沒記錯(cuò)的話澈蟆。。和pascal一樣卓研？］
命名規(guī)則同C屮：
1.變量必須使用字母趴俘、下劃線()或者美元符($)開始。
2.然后可以使用任意多個(gè)英文字母奏赘、數(shù)字寥闪、下劃線()或者美元符($)組成。
3.不能使用JavaScript關(guān)鍵詞與JavaScript保留字磨淌。
變量先聲明再賦值疲憋，可重復(fù)賦值。
var mynum;
mynum=8;
判斷語句
同C屮梁只。
if(){}
else{}
函數(shù)
如何定義函數(shù)：
function 函數(shù)名()
{
函數(shù)體缚柳；
}
函數(shù)定義與調(diào)用和C屮類似：
先定義才能調(diào)用埃脏。
輸出內(nèi)容
document.write() 可用于直接向 HTML 輸出流寫內(nèi)容。簡(jiǎn)單的說就是直接在網(wǎng)頁中輸出內(nèi)容秋忙。
第一種:輸出內(nèi)容用""括起彩掐，直接輸出""號(hào)內(nèi)的內(nèi)容。
<script type="text/javascript">
document.write("I love JavaScript灰追！"); //內(nèi)容用""括起來堵幽，""里的內(nèi)容直接輸出。
</script>
第二種:通過變量弹澎，輸出內(nèi)容
<script type="text/javascript">
var mystr="hello world!";
document.write(mystr); //直接寫變量名朴下，輸出變量存儲(chǔ)的內(nèi)容。
</script>
第三種:輸出多項(xiàng)內(nèi)容苦蒿，內(nèi)容之間用+號(hào)連接桐猬。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"I love JavaScript"); //多項(xiàng)內(nèi)容之間用+號(hào)連接
</script>
第四種:輸出HTML標(biāo)簽，并起作用刽肠，標(biāo)簽使用""括起來溃肪。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"
");//輸出hello后，輸出一個(gè)換行符
document.write("JavaScript");
</script>
如何輸入空格from wiki
解決方法:
- 使用輸出html標(biāo)簽 來解決
document.write(" "+"1"+" "+"23");
結(jié)果: 1 23 - 使用CSS樣式來解決
document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>");
結(jié)果: 1 2 3
在輸出時(shí)添加“white-space:pre;”樣式屬性音五。這個(gè)樣式表示"空白會(huì)被瀏覽器保留"
alert消息對(duì)話框
語法：alert(字符串或變量);
消息對(duì)話框可以用來調(diào)試腳本惫撰。
確認(rèn)（confirm 消息對(duì)話框）
語法:
confirm(str);
返回值:
當(dāng)用戶點(diǎn)擊"確定"按鈕時(shí)，返回true
當(dāng)用戶點(diǎn)擊"取消"按鈕時(shí)躺涝，返回false
可配合判斷語句
消息對(duì)話框是排它的厨钻，即用戶在點(diǎn)擊對(duì)話框按鈕前，不能進(jìn)行任何其它操作坚嗜。
prompt 消息對(duì)話框
prompt彈出消息對(duì)話框,通常用于詢問一些需要與用戶交互的信息夯膀。彈出消息對(duì)話框（包含一個(gè)確定按鈕、取消按鈕與一個(gè)文本輸入框)苍蔬。
語法:
prompt(str1, str2);
來個(gè)完整代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
<script type="text/javascript">
function rec(){
var score; //score變量诱建，用來存儲(chǔ)用戶輸入的成績值。
score = prompt(); ;
if(score>=90)
{
document.write("你很棒!");
}
else if(score>=75)
{
document.write("不錯(cuò)吆!");
}
else if(score>=60)
{
document.write("要加油!");
}
else
{
document.write("要努力了!");
}
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="點(diǎn)擊我碟绑，對(duì)成績做評(píng)價(jià)!" />
</body>
</html>```
######打開新窗口（window.open）
open() 方法可以查找一個(gè)已經(jīng)存在或者新建的瀏覽器窗口俺猿。
語法：
window.open([URL], [窗口名稱], [參數(shù)字符串])
URL：可選參數(shù)，在窗口中要顯示網(wǎng)頁的網(wǎng)址或路徑格仲。如果省略這個(gè)參數(shù)押袍，或者它的值是空字符串，那么窗口就不顯示任何文檔凯肋。
窗口名稱：可選參數(shù)谊惭，被打開窗口的名稱。
1.該名稱由字母、數(shù)字和下劃線字符組成圈盔。
2."_top"惭蟋、"_blank"、"_self"具有特殊意義的名稱药磺。
_blank：在新窗口顯示目標(biāo)網(wǎng)頁
_self：在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁
_top：框架網(wǎng)頁中在上部窗口中顯示目標(biāo)網(wǎng)頁
3.相同 name 的窗口只能創(chuàng)建一個(gè)，要想創(chuàng)建多個(gè)窗口則 name 不能相同煤伟。
4.name 不能包含有空格癌佩。
參數(shù)字符串：可選參數(shù)，設(shè)置窗口參數(shù)便锨，各參數(shù)用逗號(hào)隔開围辙。```
關(guān)閉窗口（window.close）
用法：
window.close(); //關(guān)閉本窗口
或
<窗口對(duì)象>.close(); //關(guān)閉指定的窗口
DOM
文檔對(duì)象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標(biāo)準(zhǔn)方法。DOM 將HTML文檔呈現(xiàn)為帶有元素放案、屬性和文本的樹結(jié)構(gòu)（節(jié)點(diǎn)樹）姚建。
通過ID獲取元素
學(xué)過HTML/CSS樣式，都知道吱殉，網(wǎng)頁由標(biāo)簽將信息組織起來掸冤，而標(biāo)簽的id屬性值是唯一的，就像是每人有一個(gè)身份證號(hào)一樣友雳，只要通過身份證號(hào)就可以找到相對(duì)應(yīng)的人稿湿。那么在網(wǎng)頁中，我們通過id先找到標(biāo)簽押赊，然后進(jìn)行操作饺藤。
語法:
document.getElementById(“id”)
innerHTML 屬性
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容。
語法:
Object.innerHTML
改變 HTML 樣式
HTML DOM 允許 JavaScript 改變 HTML 元素的樣式流礁。如何改變 HTML 元素的樣式呢涕俗？
語法:
Object.style.property=new style;
#######顯示和隱藏（display屬性）
網(wǎng)頁中經(jīng)常會(huì)看到顯示和隱藏的效果，可通過display屬性來設(shè)置神帅。
語法：
Object.style.display = value
控制類名（className 屬性）
className 屬性設(shè)置或返回元素的class 屬性再姑。
語法：
object.className = classname
