1. 程式人生 > >JavaScript——Dom物件和jQuery

JavaScript——Dom物件和jQuery

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():應用於一個元素時,該方法返回特定屬性的值;
應用於一組元素時,它只返回第一個元素的值;