前端web開發(fā)js知識(shí)點(diǎn)一講解

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