window.location.href和window.open窗口跳轉(zhuǎn)區(qū)別解析
一、直接跳轉(zhuǎn)式
window.location.
二、開新窗口跳轉(zhuǎn)
window.open(url, [name], [configuration])
*url：為要新打開頁面的url
*name：為新打開窗口的名字，可以通過此名字獲取該窗口對(duì)象
*configuration：為新打開窗口的一些配置項(xiàng)，比如是否有菜單欄、滾動(dòng)條、長高等等信息
例子
新打開一個(gè)沒有菜單欄、標(biāo)題欄、工具欄，但是有滾動(dòng)條、狀態(tài)欄、地址欄且可伸縮窗口的方法調(diào)用如下：
window.open("index.html", "newWindow", "width=1024, height=700, top=0, left=0, titlebar=no, menubar=no, scrollbars=yes, resizable=yes, status=yes, , toolbar=no, location=yes");參數(shù)解釋
window.open 彈出新窗口的命令；
index.html 彈出窗口的文件名；
newWindow 彈出窗口的名字（不是文件名），非必須，可用空’'代替；
width=1024 窗口寬度；
height=700 窗口高度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
titlebar=no 是否顯示標(biāo)題欄，被忽略，除非調(diào)用HTML應(yīng)用程序或一個(gè)值得信賴的對(duì)話框.默認(rèn)值是yes；
menubar=no 表示菜單欄，默認(rèn)值是yes；
scrollbars=yes 是否顯示滾動(dòng)條，默認(rèn)值是yes；
resizable=no 是否允許改變窗口大小，默認(rèn)值是yes；
status=no 是否要添加一個(gè)狀態(tài)欄，默認(rèn)值是yes；
toolbar=no 是否顯示工具欄，默認(rèn)值是yes；
location=no 是否顯示地址欄，默認(rèn)值是yes；
window.open打開新窗口還是打開新標(biāo)簽頁
調(diào)用window.open是打開新窗口，還是打開新標(biāo)簽頁，這里要加以區(qū)分。
window.open(url)或者window.open(url, name)
其中name為_blank
標(biāo)準(zhǔn)瀏覽器、新標(biāo)簽打開鏈接url
window.open(url, name, configration)
只要配置了configration，都是新窗口打開鏈接的
以上就是window.location.href和window.open 跳轉(zhuǎn)區(qū)別解析的詳細(xì)內(nèi)容，更多關(guān)于window.location.href window.open跳轉(zhuǎn)的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript檢查一個(gè)值是否為數(shù)字實(shí)例代碼
眾所周知在JavaScript編程中判斷輸入是否為數(shù)字類型是一個(gè)常見的需求,特別是在處理用戶輸入或者驗(yàn)證表單數(shù)據(jù)時(shí),這篇文章主要介紹了JavaScript檢查一個(gè)值是否為數(shù)字的相關(guān)資料,需要的朋友可以參考下2025-11-11
鼠標(biāo)事件的移動(dòng)及移出效果都可以使用js來自定義，下面有個(gè)示例，實(shí)，效果為當(dāng)事件發(fā)生改變時(shí)背景顏色也隨著改變2014-10-10
用javascript做一個(gè)小游戲平臺(tái) (二) 游戲選擇器
昨天晚上“設(shè)計(jì)”了n久，那些代碼都還沒有運(yùn)行起來，有點(diǎn)心急、有點(diǎn)郁悶。2010-01-01
小發(fā)現(xiàn)之淺談location.search與location.hash的問題
下面小編就為大家?guī)硪黄“l(fā)現(xiàn)之淺談location.search與location.hash的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
TypeScript裝飾器的作用、結(jié)構(gòu)、類型及其應(yīng)用場景（代碼示例）
文章介紹了裝飾器的作用、結(jié)構(gòu)、類型及其應(yīng)用場景,裝飾器是一種特殊類型的聲明,可以附加到類、方法、訪問符、屬性或參數(shù)上,通過在不改變原有代碼的情況下擴(kuò)展功能,文章還提供了裝飾器的具體實(shí)現(xiàn)示例,包括類裝飾器、方法裝飾器、參數(shù)裝飾器和屬性裝飾器2026-02-02
JavaScript如何刪除對(duì)象的某個(gè)屬性詳析
這篇文章主要給大家介紹了關(guān)于JavaScript如何刪除對(duì)象的某個(gè)屬性的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
學(xué)習(xí)JavaScript設(shè)計(jì)模式(封裝)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹封裝，舉例說明封裝的思想，對(duì)封裝進(jìn)行詳細(xì)剖析，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了微信小程序 select 下拉框組件功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
純js實(shí)現(xiàn)瀑布流布局及ajax動(dòng)態(tài)新增數(shù)據(jù)
這篇文章主要介紹了基于javascript實(shí)現(xiàn)瀑布流布局，及ajax動(dòng)態(tài)新增數(shù)據(jù)的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
用于deeplink的js方法(判斷手機(jī)是否安裝app)
這篇文章主要介紹了用于deeplink的js方法(判斷手機(jī)是否安裝app),需要的朋友可以參考下2014-04-04