本文實例講述了JavaScript封閉函數及常用內置對象。分享給大家供大家參考，具體如下：
封閉函數
在封閉函數內部定義的函數與外部函數盡管同名也沒有關系，同理，定義的變量也可以同名。
封閉函數的寫法，一是加括號，一是加感嘆號。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>封閉函數</title> <script type="text/javascript"> var num = 22; function f() { alert("hello "); } (function () { var num = 11; function myalter() { alert("hello world"); } alert(num); myalter() })(); /*封閉函數的第二種寫法,前面加一個感嘆號或者加一個波浪線*/ !function(){ alert("ll"); }(); alert(num) </script></head><body><div> 55</div></body></html>常用內置對象
1.document
document.getElemntsByTagName 通過標簽名獲取元素
document.getElementsById 通過id獲取元素
document.referrer 獲取上一個跳轉頁面的地址
2.location
window.location.href 獲取或者重定向url地址
window.location.search 獲取地址參數部分
window.location.hash 獲取頁面錨點或者叫hash值
<meta charset="UTF-8"> <title>常用內置對象</title> <script type="text/javascript"> /* * 1.document * document.getElemntsByTagName 通過標簽名獲取元素 * document.getElementsById 通過id獲取元素 * document.referrer 獲取上一個跳轉頁面的地址 * * 2.location * window.location.href 獲取或者重定向url地址 * window.location.search 獲取地址參數部分 * window.location.hash 獲取頁面錨點或者叫hash值 * * */ window.onload = function () { var sUrl = document.referrer; /*獲取服務器地址,或者說上一個頁面地址*/ var oBtn = document.getElementById("btn01"); oBtn.onclick = function () { window.location.href = sUrl; /*但是因為不是服務器地址所以存不下來，這邊可以直接寫百度網址的字符串*/ }; 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 * 如上是訪問頁面的地址，在最后?問好后面的就是參數，在開放中可以根據不同的參數，使得頁面表現形式不一樣。 * 比如現在參數是1 * 我們得到body的屬性，讓他的背景顏色變成金色 * */ var aRr = sData.split("="); var iNum = aRr[1]; if (iNum == 1) { oBody.style.backgroundColor = "gold"; } // if(sData!=null) // { // alert(sData); // } alert(sData); /*獲取地址參數*/ } </script></head><body id='body01'><input type="button" name="" value="跳轉" id="btn01"></body></html>http://localhost:63342/Javascirpt/常用內置對象.html?_ijt=1
如上是訪問頁面的地址，在最后?問好后面的就是參數，在開放中可以根據不同的參數，使得頁面表現形式不一樣。
比如現在參數是1
我們得到body的屬性，讓他的背景顏色變成金色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <a href="常用內置對象.html" rel="external nofollow" >鏈接到常用內置對象的頁面</a> <a href="常用內置對象.html?aa=1" rel="external nofollow" >鏈接到常用內置對象的頁面1</a> <a href="常用內置對象.html?aa=2" rel="external nofollow" >鏈接到常用內置對象的頁面2</a> <a href="常用內置對象.html?aa=3" rel="external nofollow" >鏈接到常用內置對象的頁面3</a></body></html>
傳遞不同的參數改變頁面的狀態。
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
