溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了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相關內容可查看本站專題：《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
