前端web開發js知識點一講解

接觸到js，首先要明白和css之間的區別，以及作用。
1、js如果從外部鏈接的話，需要在head標籤下加入<script src=""></script>；如果在內部去定義，則是在body裏面加入標籤<script></script>，在標籤裏面具體展開設計。
2、js相對css，理論上與c語言編碼實現某個環節類似，所以相對比css難些。
js知識點如下：
2.1、輸出：我覺得彈窗輸出的作用方便你檢查程序問題，便於查看結果。
alert() 彈框輸出
confirm() 帶確定取消按鈕的彈框
document.write() 在文檔流中輸出，也就是在網頁上輸出
document.getElementById.innerHTML修改頁面中的html元素
console.log() 在調試平臺中輸出
2.2、輸入
3.prompt("提示信息",默認值)；彈框輸入
parseInt（頁面表單元素輸入值）；innerHTML提取
parseFloat（頁面表單元素輸入值）
2.3、數字類型
數字（number），字符串(string)，布爾(boolean)，數組(array)，對象(object)，空NULL ，未字義類型(undefined)
對象={name:"張三",sex:"男",age:30}. 對象.調用
2.4獲取對象
document.getElementById("id名")；
document.getElementsByClassName(“類名”)[索引值]；
2.5、修改值
對象.innerHTML=新值；
對象.value=
對象.innerText =
2.6、函數：
定義語法：
function 函數名(){
//函數體
}
函數調用：
觸發事件＝函數名（）
對象.事件＝function(){}
事件：
onclick 點擊事件
onmouseover 鼠標懸停事件
onmouseout 鼠標離開事件
onload事件 頁面加載時調用
onfocus事件 獲取焦點時
onblur事件 失去焦點時
onchange事件 HTML元素髮生改變時觸發
更改樣式：
修改屬性值
對象.屬性名＝屬性值
修改CSS樣式
對象.style.樣式名＝樣式值 樣式名（駝峯式寫法 font-size:fontSize）
for循環 if語句 while語句
3、DOM
getAttribute(屬性名) 獲取元素屬性
setAttribute(屬性名，屬性值) 設置元素屬性
獲取子節點方式
childNodes 包含空白節點
children 不包含空白節點
子節點個數
.childNodes.length
.children.length
獲取對應節點方式
childNodes[索引號]
children[索引號]
父節點：
parentNode
第一個子元素 firstChild
最後一個子元素 lastChild
前一個兄弟元素 previousSibling
後一個兄弟元素 nextSilbling
添加元素 appendChild 添加到內部後面
創建元素 ps=document.creatElement("p");
賦屬性值 方式
1）ps.屬性名＝屬性值
2）ps.setAttribute(屬性名，屬性值)
在節點前插入元素 insertBefore(新節點，參考的節點)
父元素.insertBefore(新元素，參考元素)
刪除元素
父元素.removeChild(子元素)
替換元素
父元素.replaceChild(替換的新元素，被替換的舊元素)