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

發(fā)布時(shí)間：2020-10-24 16:14:38 來(lái)源：腳本之家閱讀：140 作者：SpecYue 欄目：web開發(fā)

本文實(shí)例講述了JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象。分享給大家供大家參考，具體如下：

封閉函數(shù)

在封閉函數(shù)內(nèi)部定義的函數(shù)與外部函數(shù)盡管同名也沒有關(guān)系，同理，定義的變量也可以同名。

封閉函數(shù)的寫法，一是加括號(hào)，一是加感嘆號(hào)。

<!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è)感嘆號(hào)或者加一個(gè)波浪線*/
  !function(){
   alert("ll");
  }();
  alert(num)
 </script>
</head>
<body>
<div>
 55
</div>
</body>
</html>

常用內(nèi)置對(duì)象

1.document

document.getElemntsByTagName 通過(guò)標(biāo)簽名獲取元素
document.getElementsById 通過(guò)id獲取元素
document.referrer 獲取上一個(gè)跳轉(zhuǎn)頁(yè)面的地址

2.location

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

<meta charset="UTF-8">
 <title>常用內(nèi)置對(duì)象</title>
 <script type="text/javascript">
  /*
  * 1.document
  * document.getElemntsByTagName 通過(guò)標(biāo)簽名獲取元素
  * document.getElementsById 通過(guò)id獲取元素
  * document.referrer 獲取上一個(gè)跳轉(zhuǎn)頁(yè)面的地址
  *
  * 2.location
  * window.location.href 獲取或者重定向url地址
  * window.location.search 獲取地址參數(shù)部分
  * window.location.hash 獲取頁(yè)面錨點(diǎn)或者叫hash值
  *
  * */
  window.onload = function () {
   var sUrl = document.referrer;
   /*獲取服務(wù)器地址,或者說(shuō)上一個(gè)頁(yè)面地址*/
   var oBtn = document.getElementById("btn01");
   oBtn.onclick = function () {
    window.location.href = sUrl;
    /*但是因?yàn)椴皇欠?wù)器地址所以存不下來(lái)，這邊可以直接寫百度網(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
   * 如上是訪問(wèn)頁(yè)面的地址，在最后?問(wèn)好后面的就是參數(shù)，在開放中可以根據(jù)不同的參數(shù)，使得頁(yè)面表現(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)置對(duì)象.html?_ijt=1

如上是訪問(wèn)頁(yè)面的地址，在最后?問(wèn)好后面的就是參數(shù)，在開放中可以根據(jù)不同的參數(shù)，使得頁(yè)面表現(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)置對(duì)象.html" rel="external nofollow" >鏈接到常用內(nèi)置對(duì)象的頁(yè)面</a>
 <a href="常用內(nèi)置對(duì)象.html?aa=1" rel="external nofollow" >鏈接到常用內(nèi)置對(duì)象的頁(yè)面1</a>
 <a href="常用內(nèi)置對(duì)象.html?aa=2" rel="external nofollow" >鏈接到常用內(nèi)置對(duì)象的頁(yè)面2</a>
 <a href="常用內(nèi)置對(duì)象.html?aa=3" rel="external nofollow" >鏈接到常用內(nèi)置對(duì)象的頁(yè)面3</a>
</body>
</html>

傳遞不同的參數(shù)改變頁(yè)面的狀態(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é)》

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

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽