JavaScript——Dom物件和jQuery
阿新 • • 發佈:2018-12-11
JavaScript是一種直譯式指令碼語言,一種動態型別、弱型別、基於原型的語言,內建支援型別;廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果;
Dom物件和內建物件 DOM中事件:
onload:頁面載入完時觸發;
onunload:頁面解除安裝後觸發;
onbeforeunload:頁面解除安裝前觸發;
alert():向用戶彈出一個資訊對話方塊;
confirm():confirm彈出的對話方塊是一個選擇對話方塊,Cancel和OK兩個選項;
prompt():開啟對話方塊的另一種模式,可允許使用者輸入資訊;
getElementById():根據id選擇元素;
<div id = "div1">
...DIV元素的內容
</div>
var myDiv = document.getElementById("div1");
將相應的id作為引數呼叫getElementById()方法,就可以訪問div元素;
history物件
forwar()和backward()方法:瀏覽器的前進和後退;
go()方法;
history.go(-3);//回退3個頁面;
history.go(2);//前進2個頁面;
location物件:
包含當前載入頁面的URL資訊;href屬性可獲得當前頁面地址;
用法:
window.location.href = “ www.newpage.com”;可完成頁面的跳轉;
新增事件處理器:
<input type="button" onclick="myFunction()" />
刪除事件處理器:簡單賦值給null就行;
document.getElementById("myButton").onclick = null;
jQuery jQuery中,利用操作符$("")就可以選擇HTML元素; $(“span”);選擇全部的span元素;
jQuery物件和Dom物件之間的轉化: Dom物件轉化為jQuery物件; $(Dom物件)就可以實現; jQuery物件轉化為Dom物件;
常用方法:
html():獲取一個或一組元素中的HTML內容;
text():獲取一個元素或一組元素的文字內容;
attr():應用於一個元素時,該方法返回特定屬性的值;
應用於一組元素時,它只返回第一個元素的值;