vue中怎么使用window.open()參數(shù)

這篇文章主要講解了“vue中怎么使用window.open()參數(shù)”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“vue中怎么使用window.open()參數(shù)”吧！

vue中使用window.open()參數(shù)詳解

打開新窗口有多種情況：

①在當(dāng)前頁面彈出新窗口   ②在瀏覽器新打開一個標(biāo)簽頁 ③替換當(dāng)前頁面

下面為大家介紹一下使用window.open()如何實現(xiàn)這兩種情況。

1.window.open()有三個參數(shù)

windows.open("URL","name","configuration");

URL：為要新打開頁面的url
name：為新打開窗口的名字，可以通過此名字獲取該窗口對象
configuration：為新打開窗口的一些配置項，比如是否有菜單欄、滾動條、長高等等信息

2.舉例說明 

新打開一個沒有菜單欄、標(biāo)題欄、工具欄，但是有滾動條、狀態(tài)欄、地址欄且可伸縮窗口

window.open
(
    //第一個參數(shù)
    "index.html", 
    //第二個參數(shù)
    "newWindow",
    //第三個參數(shù) 
    "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 窗口距離屏幕左側(cè)的象素值；
titlebar=no 是否顯示標(biāo)題欄，被忽略，除非調(diào)用HTML應(yīng)用程序或一個值得信賴的對話框.默認(rèn)值是yes；
menubar=no 表示菜單欄，默認(rèn)值是yes；
scrollbars=yes 是否顯示滾動條，默認(rèn)值是yes；
resizable=no 是否允許改變窗口大小，默認(rèn)值是yes；
status=no 是否要添加一個狀態(tài)欄，默認(rèn)值是yes；
toolbar=no 是否顯示工具欄，默認(rèn)值是yes；
location=no 是否顯示地址欄，默認(rèn)值是yes；

3.第二個參數(shù)詳解 

_blank 表示新開一個窗口 
_parent表示父框架窗口 
_self表示覆蓋該窗口

4.第三個參數(shù)詳解 

①window.open(url)或者window.open(url, name)，其中name為_blank

標(biāo)準(zhǔn)瀏覽器、新標(biāo)簽打開鏈接url

②window.open(url, name, configration)

只要配置了configration，都是新窗口打開鏈接的

補充：在vue中使用windom.open()跳轉(zhuǎn)html文件傳遞和獲取參數(shù)

前言

有些項目可能你使用的是 vue，但是卻要打開 html 文件去完成業(yè)務(wù)功能，比如打開 word 編輯文檔之類的，這時候可以用 windom.open()這個方法去實現(xiàn)

windom.open()的使用

• 首先你的 html 文件要放在 pubilc 文件下面，這樣他打開的目錄就是根目錄

• vue 文件里使用可以傳遞你所需要的參數(shù)

window.open(`/word/index.html?name=${參數(shù)}`);

html 文件接收參數(shù)

window.location.search;

感謝各位的閱讀，以上就是“vue中怎么使用window.open()參數(shù)”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對vue中怎么使用window.open()參數(shù)這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！