JavaScript封閉函數(shù)及常用內(nèi)置對象示例

更新時間：2019年05月13日 08:50:06 作者：SpecYue

這篇文章主要介紹了JavaScript封閉函數(shù)及常用內(nèi)置對象,結(jié)合實例形式分析了JavaScript封閉函數(shù)及常用內(nèi)置對象的定義與簡單使用相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了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ù)的第二種寫法,前面加一個感嘆號或者加一個波浪線*/
  !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 獲取上一個跳轉(zhuǎn)頁面的地址

2.location

window.location.href 獲取或者重定向url地址
window.location.search 獲取地址參數(shù)部分
window.location.hash 獲取頁面錨點或者叫hash值

<meta charset="UTF-8">
 <title>常用內(nèi)置對象</title>
 <script type="text/javascript">
  /*
  * 1.document
  * document.getElemntsByTagName 通過標(biāo)簽名獲取元素
  * document.getElementsById 通過id獲取元素
  * document.referrer 獲取上一個跳轉(zhuǎn)頁面的地址
  *
  * 2.location
  * window.location.href 獲取或者重定向url地址
  * window.location.search 獲取地址參數(shù)部分
  * window.location.hash 獲取頁面錨點或者叫hash值
  *
  * */
  window.onload = function () {
   var sUrl = document.referrer;
   /*獲取服務(wù)器地址,或者說上一個頁面地址*/
   var oBtn = document.getElementById("btn01");
   oBtn.onclick = function () {
    window.location.href = sUrl;
    /*但是因為不是服務(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錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: