亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

JavaScript 一些有關(guān) BOM 的筆記

PrototypeZ / 1550人閱讀

摘要：但是如果你在別的頁(yè)面比如在百度搜索結(jié)果頁(yè)面上，運(yùn)行上面的代碼，會(huì)發(fā)現(xiàn)窗口不會(huì)被移動(dòng)位置，也不會(huì)被改變寬度高度。

JavaScript 一些有關(guān) BOM 的筆記 
原文鏈接
瀏覽器窗口

參看我以前的文章：

一些窗口滾動(dòng)和窗口、元素寬度高度的 Web APIs

window.open() 
var win = window.open(URL,name,specs,replace)

// win : 一個(gè)指向 window.open() 打開(kāi)的窗口對(duì)象的引用
// Url : 需要載入的url地址
// name : 新窗口的名稱
// specs : 可選值，設(shè)置新窗口的特性

更詳細(xì)語(yǔ)法，點(diǎn)這里。下面舉一個(gè)例子：

var win = window.open("http://segmentfault.com","_blank","width=400,height=600,left=100,top=50,scrollbars=yes,resizable=no");

setTimeout(function(){win.moveTo(500,0);},2000);
setTimeout(function(){
  var x = 400,y = 600;
  for(let i=0;i<200;i++){
    setTimeout(function(){win.resizeTo(x++,y--);},100);
  }
},3500);
setTimeout(function(){
    if(confirm("要關(guān)掉這個(gè)窗口嗎？")){
      win.close();
      alert("已成功關(guān)閉！");
    }else{
      alert("好吧，聽(tīng)你的！");
    }
},5000);

注意：如果你在本站某個(gè)頁(yè)面上打開(kāi)瀏覽器控制端，將上面的代碼復(fù)制粘貼于控制端運(yùn)行，會(huì)達(dá)到預(yù)期的效果。但是如果你在別的頁(yè)面（比如在百度搜索結(jié)果頁(yè)面上），運(yùn)行上面的代碼，會(huì)發(fā)現(xiàn)窗口不會(huì)被移動(dòng)位置，也不會(huì)被改變寬度高度。這是因?yàn)?strong>瀏覽器的同源安全策略。這里先提一下，以后再總結(jié)。

先附上兩個(gè)有關(guān)同源策略的鏈接：



SecurityError: Blocked a frame with origin from accessing a cross-origin frame


瀏覽器的同源策略
系統(tǒng)對(duì)話框

alert()

confirm( text )

prompt( text , value )

if(confirm("你想測(cè)試這3個(gè)函數(shù)嗎？")){
  if(prompt("你喜歡誰(shuí)？","") === "zyj"){
    alert("哈哈，我也喜歡！");
  }else{
    alert("注單身！");
  }
}else{
  alert("我就呵呵了！");
}
location 對(duì)象

屬性

location.search 返回的信息不便于我們直接訪問(wèn)，所以下面便封裝了一個(gè)函數(shù)用來(lái)將這個(gè)返回的信息拼裝成為一個(gè)對(duì)象，方便訪問(wèn)。

// 解析查詢字符串

function getQueryStringArgs(){
  var qs = location.search;      // 查詢字符串
  var args = {};                 // 返回保存數(shù)據(jù)的對(duì)象
  if(qs.length > 0){
    qs = qs.substring(1);
  }else{
    return args;
  }
  
  var items = [], item = null, name = null, value = null, len;
  items = qs.split("&");
  len = items.length;
  for(let i = 0;i < len;i++){
    item = items[i].split("=");
    name = decodeURIComponent(item[0]);
    value = decodeURIComponent(item[1]);
    
    if(name.length){
      args[name] = value;
    }
  }
  
  return args;
}

方法

location.assign(url) : 打開(kāi)新的文檔

location.replace(url) : 用新的文檔替換當(dāng)前文檔

location.reload(boolean) : 重新加載當(dāng)前文檔

// 我有 3 種辦法跳轉(zhuǎn)頁(yè)面到百度首頁(yè)

location.assign("https://www.baidu.com/");
window.location = "https://www.baidu.com/";
location.;
location.reload();           //重新加載，有緩存，從緩存取資源
location.reload(true);       //重新加載，服務(wù)器重新加載
navigator 對(duì)象 
navigator 對(duì)象包含有關(guān)瀏覽器的信息

暫時(shí)沒(méi)怎么用過(guò)，先不寫(xiě)什么了。

history 對(duì)象 
history 對(duì)象保存著用戶上網(wǎng)的歷史紀(jì)錄

history.length : 當(dāng)前標(biāo)簽頁(yè)存在的歷史紀(jì)錄條數(shù)

history.go(-1) : 后退一頁(yè)

history.go(1) : 前進(jìn)一頁(yè)

history.go(2) : 前進(jìn)兩頁(yè)

還有兩個(gè)簡(jiǎn)寫(xiě)方法 back() 和 forward() 用來(lái)代替 go() 方法，這兩個(gè)方法用來(lái)模擬瀏覽器的 前進(jìn) 和 后退 按鈕。

history.back();       // 后退一頁(yè)
history.forward();    // 前進(jìn)一頁(yè)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/80381.html

相關(guān)文章

  • 001-讀書(shū)筆記-JavaScript高級(jí)程序設(shè)計(jì) JavaScript簡(jiǎn)介

    摘要：由于計(jì)算機(jī)的國(guó)際化，組織的標(biāo)準(zhǔn)牽涉到很多其他國(guó)家，因此組織決定改名表明其國(guó)際性。規(guī)范由萬(wàn)維網(wǎng)聯(lián)盟制定。級(jí)標(biāo)準(zhǔn)級(jí)標(biāo)準(zhǔn)是不存在的，級(jí)一般指的是最初支持的。 這篇筆記的內(nèi)容對(duì)應(yīng)的是《JavaScript高級(jí)程序設(shè)計(jì)(第三版)》中的第一章。 1.ECMA 和 ECMA-262 ECMA 是歐洲計(jì)算機(jī)制造商協(xié)會(huì)的縮寫(xiě)，全程是 European Computer Manufacturers Ass...

    masturbator 評(píng)論0 收藏0

  • 《JavaScript高級(jí)程序設(shè)計(jì)》（第3版）讀書(shū)筆記 第8章 BOM

    摘要：僅限數(shù)值表示新窗口的高度。此時(shí)只要檢查這個(gè)返回值就可以確定彈窗是否被屏蔽。返回一個(gè)布爾值，代表用戶選擇還是返回一個(gè)字符串或者，輸入了值并確定，返回字符串，其他方法關(guān)閉返回打印查找對(duì)話框。 ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，那么BOM（瀏覽器對(duì)象模型）則無(wú)疑才是真正的核心。 W3C為了把瀏覽器中JavaScript最基本的部分...

    AWang 評(píng)論0 收藏0

  • 《JavaScript高級(jí)程序設(shè)計(jì)》筆記：BOM（八）

    摘要：瀏覽器對(duì)象模型提供了很多對(duì)象，用于訪問(wèn)瀏覽器的功能，這些功能與任何網(wǎng)頁(yè)內(nèi)容無(wú)關(guān)。對(duì)象基本上只用來(lái)表明客戶端的能力。 BOM(瀏覽器對(duì)象模型)提供了很多對(duì)象，用于訪問(wèn)瀏覽器的功能，這些功能與任何網(wǎng)頁(yè)內(nèi)容無(wú)關(guān)。 window對(duì)象 全局作用域 定義全局變量與在window對(duì)象上直接定義屬性還是有一點(diǎn)差別：全局變量不能通過(guò)delete操作符刪除，而直接在window對(duì)象上的定義的屬性可以。 v...

    mushang 評(píng)論0 收藏0

  • 聊聊BOM的那些事

    摘要：如果省略該參數(shù)，取默認(rèn)值該方法的返回值是一個(gè)正整數(shù)，表示定時(shí)器的編號(hào)。 BOM BOM的全稱是Browser Object Model，被譯為瀏覽器對(duì)象模型BOM提供了獨(dú)立于HTML頁(yè)面內(nèi)容，而與瀏覽器相關(guān)的一系列對(duì)象，主要被用于管理瀏覽器窗口及與瀏覽器窗口之間通信等功能BOM由一系列對(duì)象構(gòu)成，這些對(duì)象可以簡(jiǎn)單理解為是由各個(gè)瀏覽器所提供的 Window對(duì)象 BOM中最核心的對(duì)象就是Wi...

    widuu 評(píng)論0 收藏0

  • JavaScript高級(jí)程序設(shè)計(jì)學(xué)習(xí)筆記一（JavaScript簡(jiǎn)介）

    摘要：在上百種語(yǔ)言中算是命好的一個(gè)，還有就是最近納入高考體系的。由以下三個(gè)部分構(gòu)成。就是對(duì)實(shí)現(xiàn)該標(biāo)準(zhǔn)規(guī)定的各個(gè)方面內(nèi)容的語(yǔ)言的描述。是針對(duì)但經(jīng)過(guò)擴(kuò)展的用于的應(yīng)用程序編程接口。將頁(yè)面映射為由節(jié)點(diǎn)構(gòu)成的樹(shù)狀結(jié)構(gòu)。 JavaScript的歷史這里就不再贅述了，當(dāng)然JavaScript的歷史還是比較有意思的。在上百種語(yǔ)言中JavaScript算是‘命’好的一個(gè)，還有就是最近納入高考體系的python...

    supernavy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<