日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

window.open打開新窗口設置顯示位置及大小

作者:漁倒到 更新時間: 2022-04-23 編程語言

window.open(“url”) 這樣的window.open大家想必都熟悉。但是
**window.open(URL,name,features,replace)**實際上是這樣的,可接受四個參數,來控制窗口屬性。
下面就說一下 這四個參數都代表什么:

參數 描述
URL 一個可選的字符串,聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數,或者它的值是空字符串,那么新窗口就不會顯示任何文檔。
name 一個可選的字符串,該字符串是一個由逗號分隔的特征列表,其中包括數字、字母和下劃線,該字符聲明了新窗口的名稱。這個名稱可以用作標記 和 的屬性 target 的值。如果該參數指定了一個已經存在的窗口,那么 open() 方法就不再創建一個新窗口,而只是返回對指定窗口的引用。在這種情況下,features 將被忽略。
features 一個可選的字符串,聲明了新窗口要顯示的標準瀏覽器的特征。如果省略該參數,新窗口將具有所有標準特征。在窗口特征這個表格中,我們對該字符串的格式進行了詳細的說明。
replace 一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創建一個新條目,還是替換瀏覽歷史中的當前條目。支持下面的值:true - URL 替換瀏覽歷史中的當前條目。false - URL 在瀏覽歷史中創建新的條目

你可以在瀏覽器的控制臺console界面 這樣輸入

window.open("http://www.w3school.com.cn","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")

features 還可以這樣 傳

window.open(
    "http://www.domainname.ext/path/ImageFile.png",
    "DescriptiveWindowName",
    "resizable,scrollbars,status"
  );

測試一下。
其中features可以設置如下屬性:
窗口特征(Window Features)
channelmode=yes|no|1|0 是否使用劇院模式顯示窗口。默認為 no。
directories=yes|no|1|0 是否添加目錄按鈕。默認為 yes。
fullscreen=yes|no|1|0 是否使用全屏模式顯示瀏覽器。默認是 no。處于全屏模式的窗口必須同時處于劇院模式。
height=pixels 窗口文檔顯示區的高度。以像素計。
left=pixels 窗口的 x 坐標。以像素計。
location=yes|no|1|0 是否顯示地址字段。默認是 yes。
menubar=yes|no|1|0 是否顯示菜單欄。默認是 yes。
resizable=yes|no|1|0 窗口是否可調節尺寸。默認是 yes。
scrollbars=yes|no|1|0 是否顯示滾動條。默認是 yes。
status=yes|no|1|0 是否添加狀態欄。默認是 yes。
titlebar=yes|no|1|0 是否顯示標題欄。默認是 yes。
toolbar=yes|no|1|0 是否顯示瀏覽器的工具欄。默認是 yes。
top=pixels 窗口的 y 坐標。
width=pixels 窗口的文檔顯示區的寬度。以像素計。

主要應用場景 嵌入其他右上或者第三方登錄授權時, 比如知乎的微信登錄

原文鏈接:https://blog.csdn.net/weixin_38500689/article/details/117703612

欄目分類
最近更新