欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

window.open()各參數(shù)示例詳解

  發(fā)布時間：2024-06-19 16:13:12   作者：佚名   我要評論
這篇文章主要介紹了window.open()各參數(shù)示例詳解,本文通過實例代碼給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧

基本語法：

window.open('http://****/');

window.open()各參數(shù)詳解：

window.open('http://***/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')

‘http://*****/’ ：彈出窗口的地址；

‘newwindow’ ： 彈出窗口的名字（不是文件名），非必須，可用空”代替；

height=100 ： 窗口高度；

width=400 ： 窗口寬度；

top=0 ： 窗口距離屏幕上方的象素值；

left=0 ： 窗口距離屏幕左側的象素值；

toolbar=no ： 是否顯示工具欄，yes為顯示；

menubar，scrollbars ： 表示菜單欄和滾動欄。

resizable=no ： 是否允許改變窗口大小，yes為允許；

location=no ： 是否顯示地址欄，yes為允許；

status=no ： 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；

彈出窗口居中方法:

function openWin(url,name,iWidth,iHeight) { 
            //獲得窗口的垂直位置 
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; 
            //獲得窗口的水平位置 
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; 
            window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + '
　　　　　　　　,width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + '
　　　　　　　　,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no'); 
        }

關閉彈出窗口:

window.opener = null; window.open('', '_self'); window.close();

新窗口中關閉代碼如下：

<input type="button" onclick="window.opener = null; window.open('', '_self'); window.close();" value="關閉" />

到此這篇關于window.open()各參數(shù)詳解的文章就介紹到這了,更多相關window.open()參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！

相關文章

  • HTML5中的Microdata與歷史記錄管理詳解

    Microdata作為HTML5新增的一個特性，它允許開發(fā)者在HTML文檔中添加更多的語義信息，以便于搜索引擎和瀏覽器更好地理解頁面內(nèi)容，本文將探討HTML5中Microdata的使用方法以及
    2025-04-21

  • HTML5表格語法格式詳解

    在HTML語法中，表格主要通過< table >、< tr >和< td >3個標簽構成,本文通過實例代碼講解HTML5表格語法格式，感興趣的朋友一起看看吧
    2025-04-21

  • html5的響應式布局的方法示例詳解

    這篇文章主要介紹了HTML5中使用媒體查詢和Flexbox進行響應式布局的方法,簡要介紹了CSS Grid布局的基礎知識和如何實現(xiàn)自動換行的網(wǎng)格布局，感興趣的朋友一起看看吧
    2025-04-21

  • 基于Canvas的Html5多時區(qū)動態(tài)時鐘實戰(zhàn)代碼

    本文介紹了如何使用Canvas在HTML5上實現(xiàn)一個多時區(qū)動態(tài)時鐘的web展示,通過Canvas的API,可以繪制出6個不同城市的時鐘,并且這些時鐘可以動態(tài)轉動,每個時鐘上都會標注出對應的
    2025-03-11

  • HTML5 data-*自定義數(shù)據(jù)屬性的示例代碼

    HTML5的自定義數(shù)據(jù)屬性（data-*）提供了一種標準化的方法在HTML元素上存儲額外信息,可以通過JavaScript訪問、修改和在CSS中使用,文章還介紹了高級用法,如存儲JSON數(shù)據(jù)、事
    2025-03-11

  • HTML5中下拉框＜select＞標簽的屬性和樣式詳解

    在HTML5中，下拉框（<select>標簽）作為表單的重要組成部分，為用戶提供了一個從預定義選項中選擇值的方式,本文將深入探討<select>標簽的屬性、樣式，并重點介
    2025-02-27

  • HTML5 Input 日期選擇器詳解

    本文介紹了HTML5InputDatePicker對象表示HTML``元素,是HTML5中的新對象,介紹了日期、周、月份、時間、日期+時間、本地日期時間等不同類型的日期選擇器，感興趣的朋友一起看
    2025-02-17

  • HTML5超鏈接和圖片基礎用法詳解

    本文介紹了HTML5中的超鏈接、相對路徑和圖片的使用方法,超鏈接可以創(chuàng)建指向另一個文檔或頁面內(nèi)部書簽的鏈接,相對路徑用于在同一服務器內(nèi)部跳轉頁面,圖片標簽用于引入外部圖
    2025-02-17

  • HTML5超鏈接的創(chuàng)建方法

    本文介紹了HTML5超鏈接的創(chuàng)建方法,包括基本語法、創(chuàng)建圖像超鏈接的邊框去除方法以及錨點鏈接的使用,還討論了超鏈接的四種不同狀態(tài)（link、visited、hover、active）的CSS樣
    2025-02-17

  • HTML5使用details標簽：展開/收縮信息

    最近看一些技術網(wǎng)站發(fā)現(xiàn)了details 標簽的妙用，這個不用js即可實現(xiàn)展開/收縮信息，很方便用來讓用戶先才答案，然后下面點擊再給出答案的效果，這里就為大家簡單介紹一下，
    2024-11-03

最新評論