window.location.href和window.open窗口跳轉(zhuǎn)區(qū)別解析
一、直接跳轉(zhuǎn)式
window.location.
二、開(kāi)新窗口跳轉(zhuǎn)
window.open(url, [name], [configuration])
*url：為要新打開(kāi)頁(yè)面的url
*name：為新打開(kāi)窗口的名字，可以通過(guò)此名字獲取該窗口對(duì)象
*configuration：為新打開(kāi)窗口的一些配置項(xiàng)，比如是否有菜單欄、滾動(dòng)條、長(zhǎng)高等等信息
例子
新打開(kāi)一個(gè)沒(méi)有菜單欄、標(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è)值得信賴(lài)的對(duì)話(huà)框.默認(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打開(kāi)新窗口還是打開(kāi)新標(biāo)簽頁(yè)
調(diào)用window.open是打開(kāi)新窗口，還是打開(kāi)新標(biāo)簽頁(yè)，這里要加以區(qū)分。
window.open(url)或者window.open(url, name)
其中name為_(kāi)blank
標(biāo)準(zhǔn)瀏覽器、新標(biāo)簽打開(kāi)鏈接url
window.open(url, name, configration)
只要配置了configration，都是新窗口打開(kāi)鏈接的
以上就是window.location.href和window.open 跳轉(zhuǎn)區(qū)別解析的詳細(xì)內(nèi)容，更多關(guān)于window.location.href window.open跳轉(zhuǎn)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
uni-app使用uni-download和uni.saveFile下載保存文件遇到的問(wèn)題及解決方法
這篇文章主要給大家介紹了關(guān)于uni-app使用uni-download和uni.saveFile下載保存文件遇到的問(wèn)題及解決方法的相關(guān)資料,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2024-01-01
當(dāng)?shù)刂窓诤袇?shù)，我們可以再目標(biāo)頁(yè)面通過(guò)window.location.search來(lái)獲取我們需要的參數(shù)及其值，接下來(lái)為大家介紹下詳細(xì)獲取方法，感興趣的朋友可以參考下哈2013-04-04
JS/jQuery實(shí)現(xiàn)DIV延時(shí)幾秒后消失或顯示的方法
這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)DIV延時(shí)幾秒后消失或顯示的方法,結(jié)合實(shí)例形式分析了javascript使用setTimeout及jQuery使用delay方法實(shí)現(xiàn)延遲顯示功能的相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
js語(yǔ)法學(xué)習(xí)之判斷一個(gè)對(duì)象是否為數(shù)組
這篇文章主要介紹了從javascript判斷一個(gè)對(duì)象是否為數(shù)組中學(xué)習(xí)js語(yǔ)法,需要的朋友可以參考下2014-05-05
JavaScript數(shù)組特性與實(shí)踐應(yīng)用深入詳解
這篇文章主要介紹了JavaScript數(shù)組特性與實(shí)踐應(yīng)用,較為深入而詳細(xì)的分析了javascript數(shù)組的功能、屬性、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
JavaScript使用Canvas繪制一個(gè)驗(yàn)證碼組件
驗(yàn)證碼,這一日常伴隨我們的要素,是我們?cè)诰€(xiàn)交互的重要安全保障,你的手機(jī)短信里是否被它占據(jù)半壁江山,今天我們就來(lái)聊聊如何在網(wǎng)頁(yè)上實(shí)現(xiàn)一個(gè)簡(jiǎn)單的驗(yàn)證碼組件,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了封裝微信小程序http攔截器過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法
這篇文章主要介紹了JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法,涉及javascript窗口操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
JS加密插件CryptoJS實(shí)現(xiàn)AES加密操作示例
這篇文章主要介紹了JS加密插件CryptoJS實(shí)現(xiàn)AES加密操作,結(jié)合實(shí)例形式分析了CryptoJS插件的具體設(shè)置與AES加密操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08
jquery獲取URL中參數(shù)解決中文亂碼問(wèn)題的兩種方法
從A頁(yè)面通過(guò)url傳參到B頁(yè)面時(shí)，獲取URL中參數(shù)出現(xiàn)中文亂碼問(wèn)題，解析url參數(shù)的正確方法如下，感興趣的朋友可以參考下2013-12-12