- 1.如何插入js
<script type="text/javascript">
js代碼
</script>
- 2.引用外部文件
<script type="script.js"></script>
- 3.JS在頁面中的位置
javascript作為一種腳本語言可以放在html頁面中任何位置，但是瀏覽器解釋html時是按先后順序的，所以前面的script就先被執行。比如進行任何頁面顯示初始化的js必須放在head里面，因為初始化都要求提前進行（如給頁面body設置cee等）；而如果是通過事件調用執行的function那么對位置沒什么要求的。
- 4.什么是變量
語法：var 變量名
- 5.什么是函數
函數代碼;
}```
#- 6.輸出內容
`document.write("I love" +"you"+"<br>");`
#- 7.警告
`alert("xxx");`
#-8. 確認
var message = confirm("你喜歡我嗎?");
if(message)
{
當用戶點擊“確定”按鈕時，執行。
}
else
{
當用戶點擊"取消"按鈕時，執行。
}
#- 9.提問（prompt 消息對話框）
語法:`prompt(str1,str2);`
參數說明:
str1:要顯示在消息對話框中的文本，不可修改
str2:文本框中的內容，可以修改
返回值:
- 點擊確定按鈕，文本框中的內容將作為函數返回值。
- 點擊取消按鈕，將返回null。
#- 10.打開新窗口（window.open）
語法： `window.open([URL],[窗口名稱],[參數字符串])`
參數說明：
**URL**:可選參數，在窗口要顯示網頁的地址或路徑。如果省略這個參數，或者它的值是空字符串，那么窗口就不顯示任何文檔。
**窗口名稱**：可選參數，被打開窗口的名稱。
- 該名稱由字母，數字，下劃線字符組成。
- "_top","_blank","_self"具有特殊意義的名稱。
_balnk:在你新窗口顯示目標網頁
_self:在當前窗口顯示目標網頁
_top:框架網頁中在上部窗口中顯示目標網頁。
- 相同name的窗口只能創建一個，要想創建多個窗口則name不能相同。
- name不能包含有空格。
*參數字符串：*可選參數，設置窗口參數，各參數用逗號隔開。
例如:打開http://www.imooc.com網站，大小為300px * 200px，無菜單，無工具欄，無狀態欄，有滾動條窗口：
<script type="text/javascript">
window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes');
</script>
#- 11.DOM
文檔對象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法。DOM將HTML文檔呈現為帶有元素，屬性和文本的樹結構（節點樹）。
- 元素節點：`<html>,<body>,<p>`等都是元素節點，即標簽。
- 文本節點：向用戶展示的內容，如`<li>...</li>`中的JavaScript,DOM,CSS等文本
- 屬性節點 ：如`<a>`標簽的鏈接屬性`href=""`。
#- 12.DOM-通過ID獲取元素
語法：`document.getElementById("id")`.
結果:`null`或`[object HTMLParagraphElement]`
#- 13.DOM-innerHTML屬性
語法：`Object.innerHTML`
- Object是獲取的元素對象，如通過`document.getElementById("ID")`獲取的元素.
- 注意書寫，`innerHTML`區分大小寫.
通過id="con"獲取<p>元素，并將元素的內容輸出和改變元素的內容，代碼如下：
結果：
#- 14.DOM-修改HTML樣式Style
HTML DOM允許 JavaScript改變HTML樣式
語法:`Object.style.property=new style;`
注意:該表只是一小部分CSS樣式屬性，其他樣式也可以通過該方法設置和修改。
改變<p>元素的樣式，將顏色改為紅色，字號20，顏色背景改為藍.
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
#- 15.DOM-顯示和隱藏(display屬性)
語法：`Object.style.display=value`
value值：`none` （此元素不會被顯示）隱藏
`block` （此元素將顯示為塊級元素）顯示
#- 16.DOM-控制類名（className屬性）
語法`Object.className=classname`
作用：
- 獲取元素的class屬性
- 為網頁內某個元素指定一個css樣式來更改改元素的外觀