window.location.href 和 window.open 跳轉的區別

1、直接跳轉式:html

window.location.href='https://www.baidu.com'

2、開新窗口跳轉:瀏覽器

window.open(url, [name], [configuration])

*url:爲要新打開頁面的url
*name:爲新打開窗口的名字,能夠經過此名字獲取該窗口對象
*configuration:爲新打開窗口的一些配置項,好比是否有菜單欄、滾動條、長高等等信息

例子:
新打開一個沒有菜單欄、標題欄、工具欄,可是有滾動條、狀態欄、地址欄且可伸縮窗口的方法調用以下:工具

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");

一、參數解釋
window.open 彈出新窗口的命令;
index.html 彈出窗口的文件名;
newWindow 彈出窗口的名字(不是文件名),非必須,可用空’'代替;
width=1024 窗口寬度;
height=700 窗口高度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
titlebar=no 是否顯示標題欄,被忽略,除非調用HTML應用程序或一個值得信賴的對話框.默認值是yes;
menubar=no 表示菜單欄,默認值是yes;
scrollbars=yes 是否顯示滾動條,默認值是yes;
resizable=no 是否容許改變窗口大小,默認值是yes;
status=no 是否要添加一個狀態欄,默認值是yes;
toolbar=no 是否顯示工具欄,默認值是yes;
location=no 是否顯示地址欄,默認值是yes;url

二、window.open打開新窗口仍是打開新標籤頁
調用window.open是打開新窗口,仍是打開新標籤頁,這裏要加以區分。code

window.open(url)或者window.open(url, name),其中name爲_blank
標準瀏覽器、新標籤打開連接urlhtm

window.open(url, name, configration)
只要配置了configration,都是新窗口打開連接的對象

相關文章
相關標籤/搜索