本文實(shí)例講述了JavaScript封閉函數(shù)及常用內(nèi)置對象。分享給大家供大家參考，具體如下：
封閉函數(shù)
在封閉函數(shù)內(nèi)部定義的函數(shù)與外部函數(shù)盡管同名也沒有關(guān)系，同理，定義的變量也可以同名。
封閉函數(shù)的寫法，一是加括號，一是加感嘆號。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>封閉函數(shù)</title> <script type="text/javascript"> var num = 22; function f() { alert("hello "); } (function () { var num = 11; function myalter() { alert("hello world"); } alert(num); myalter() })(); /*封閉函數(shù)的第二種寫法,前面加一個(gè)感嘆號或者加一個(gè)波浪線*/ !function(){ alert("ll"); }(); alert(num) </script></head><body><div> 55</div></body></html>常用內(nèi)置對象
1.document
document.getElemntsByTagName 通過標(biāo)簽名獲取元素
document.getElementsById 通過id獲取元素
document.referrer 獲取上一個(gè)跳轉(zhuǎn)頁面的地址
2.location
window.location.href 獲取或者重定向url地址
window.location.search 獲取地址參數(shù)部分
window.location.hash 獲取頁面錨點(diǎn)或者叫hash值
<meta charset="UTF-8"> <title>常用內(nèi)置對象</title> <script type="text/javascript"> /* * 1.document * document.getElemntsByTagName 通過標(biāo)簽名獲取元素 * document.getElementsById 通過id獲取元素 * document.referrer 獲取上一個(gè)跳轉(zhuǎn)頁面的地址 * * 2.location * window.location.href 獲取或者重定向url地址 * window.location.search 獲取地址參數(shù)部分 * window.location.hash 獲取頁面錨點(diǎn)或者叫hash值 * * */ window.onload = function () { var sUrl = document.referrer; /*獲取服務(wù)器地址,或者說上一個(gè)頁面地址*/ var oBtn = document.getElementById("btn01"); oBtn.onclick = function () { window.location.href = sUrl; /*但是因?yàn)椴皇欠?wù)器地址所以存不下來，這邊可以直接寫百度網(wǎng)址的字符串*/ }; var oBody = window.getElementById('body01'); var sData = window.location.search; /*http://localhost:63342/Javascirpt/%E5%B8%B8%E7%94%A8%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1.html?_ijt=1 * 如上是訪問頁面的地址，在最后?問好后面的就是參數(shù)，在開放中可以根據(jù)不同的參數(shù)，使得頁面表現(xiàn)形式不一樣。 * 比如現(xiàn)在參數(shù)是1 * 我們得到body的屬性，讓他的背景顏色變成金色 * */ var aRr = sData.split("="); var iNum = aRr[1]; if (iNum == 1) { oBody.style.backgroundColor = "gold"; } // if(sData!=null) // { // alert(sData); // } alert(sData); /*獲取地址參數(shù)*/ } </script></head><body id='body01'><input type="button" name="" value="跳轉(zhuǎn)" id="btn01"></body></html>http://localhost:63342/Javascirpt/常用內(nèi)置對象.html?_ijt=1
如上是訪問頁面的地址，在最后?問好后面的就是參數(shù)，在開放中可以根據(jù)不同的參數(shù)，使得頁面表現(xiàn)形式不一樣。
比如現(xiàn)在參數(shù)是1
我們得到body的屬性，讓他的背景顏色變成金色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <a href="常用內(nèi)置對象.html" rel="external nofollow" >鏈接到常用內(nèi)置對象的頁面</a> <a href="常用內(nèi)置對象.html?aa=1" rel="external nofollow" >鏈接到常用內(nèi)置對象的頁面1</a> <a href="常用內(nèi)置對象.html?aa=2" rel="external nofollow" >鏈接到常用內(nèi)置對象的頁面2</a> <a href="常用內(nèi)置對象.html?aa=3" rel="external nofollow" >鏈接到常用內(nèi)置對象的頁面3</a></body></html>
傳遞不同的參數(shù)改變頁面的狀態(tài)。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
