首頁 web前端 js教程 window.open開啟頁面居中顯示的範例程式碼_javascript技巧

window.open開啟頁面居中顯示的範例程式碼_javascript技巧

May 16, 2016 pm 05:06 PM
window.open 居中

1.js

複製程式碼 程式碼如下:


程式碼如下:

 

function openwindow(url,name,iWidth,iHeight) 

// url 轉向網頁的位址  
// name 網頁名稱,// name 網頁名稱,可為空  
// iWidth 彈出視窗的寬度  
// iHeight 彈出視窗的高度  
//window.screen.height收到螢幕的高,window.screen.width獲得螢幕的寬廣. var iTop = (window.screen.height-30-iHeight)/2; //取得視窗的垂直位置;  
var iLeft = (window.screen.width-10-iWidth)/2; //取得視窗的水平位置;  
window.open(url,name,'height=' iHeight ',,innerHeight=' iHeight ',width=' iWidth ',innerWidth=' iWidth ',top=' iTop ',left=' iLeft ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no'); 

 

2.呼叫方法
複製程式碼
程式碼如下:

程式碼如下:轉到a
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1422
52
Laravel 教程
1316
25
PHP教程
1267
29
C# 教程
1239
24
WPS表格居中怎麼設定 WPS表格居中怎麼設定 Mar 19, 2024 pm 09:34 PM

隨著WPS的功能越來越強大,我們遇到的關於功能使用的問題也越來越多。在WPS中,我們常常會使用到WPS表格,如果我們需要列印WPS表格,為了讓表格看起來美觀,這時候我們需要讓表格居中。那麼,問題來了,我們該如何讓WPS表格居中呢?今天我在這裡分享一下教程,希望能夠幫助你們!步驟詳情:1、我以實戰操作來講解,以下是我用WPS表格製作了一個簡單的表格。 2.透過列印預覽,我們可以發現,WPS表格預設是居左的。如果我們要是想把表格居中的話該怎麼辦呢? 3.這時候,我們需要點選【工具列】中的【頁面佈局】的

window.open如何關閉開啟的視窗 window.open如何關閉開啟的視窗 Dec 06, 2023 pm 02:15 PM

關閉開啟的視窗的方法:1、使用「window.close」關閉新視窗;2、使用「window.location」重定向;3、使用「window.blur」和「window.focus」;4、使用「window .history」回退;5、使用「window.opener」。

如何將一個div居中在另一個div中? 如何將一個div居中在另一個div中? Sep 08, 2023 am 11:13 AM

簡介div的居中對齊是前端開發最重要的方面之一。在本文中,我們將了解使用HTML和CSS將一個div置於另一個div中的技術。在本教程中,我們將有一個父div,它應該有子div。我們的任務是將子div放置在父div的中心。使用Transform翻譯和位置語法這不是一種非常流行的將一個div居中對齊到另一個div中的方法語法left:50%;top:50%;Transform:translate(-50%,-50%);上面的語法執行以下操作-CSS規則「left:50%;」將元素的水平位置設為其

CSS技巧:如何實現居中對齊的佈局 CSS技巧:如何實現居中對齊的佈局 Oct 20, 2023 pm 04:36 PM

CSS技巧:如何實現居中對齊的佈局在網頁設計中,居中對齊的佈局經常被使用。無論是居中對齊文字、圖片、或整個頁面佈局,都可以透過CSS來實現。本文將介紹幾種實現居中對齊的佈局的CSS技巧,並提供具體的程式碼範例。首先,我們來看如何實現水平居中對齊的佈局。以下是一些常見的元素的程式碼範例:文字居中對齊:.text-center{text-align:ce

操作方法:如何調整Win11工作列圖示大小且居中顯示 操作方法:如何調整Win11工作列圖示大小且居中顯示 Jan 03, 2024 am 08:17 AM

win11帶來了全新的介麵包括任務欄也進行了改變,但是呢很多的用戶使用的時候都感覺任務欄的圖標太大了不習慣,為此下面就給大家帶來了win11居中任務欄圖標變小操作方法,快來一起學習。 win11居中工作列圖示怎麼變小:1、說先用戶用戶要開啟進入登錄編輯程式。 2.然後依序展開:HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced\。 3.然後在右邊新建一個「TaskbarSi」的DWORD值,將

如何在HTML中使文字方塊居中顯示 如何在HTML中使文字方塊居中顯示 Feb 19, 2024 pm 11:01 PM

html文字方塊怎麼居中,需要具體程式碼範例在網頁設計中,居中對齊元素是一種常見的佈局需求。對於HTML文字框,想要使其居中顯示,可以透過幾種方法實現。以下將為大家詳細介紹一種常用的居中方式,並附上具體的程式碼範例。方法一:使用CSS樣式表中的居中屬性要實現文字方塊的居中顯示,可以利用CSS樣式表中的text-align屬性。將文字方塊所在的父容器元素設定為居中對齊即

前端技巧分享:使用CSS3 fit-content讓元素水平居中 前端技巧分享:使用CSS3 fit-content讓元素水平居中 Sep 09, 2023 pm 01:36 PM

前端技巧分享:使用CSS3fit-content讓元素水平居中在前端開發中,我們常常會遇到需要將某個元素水平置中的情況。使用CSS3的fit-content屬性可以很方便地實現這個效果。本文將介紹fit-content屬性的使用方法,並提供程式碼範例。 fit-content屬性是相對於元素父容器的長度值,可以根據內容的實際尺寸自動計算元素的寬度。透過將元

CSS3技巧:fit-content屬性的水平居中應用 CSS3技巧:fit-content屬性的水平居中應用 Sep 08, 2023 am 08:55 AM

CSS3技巧:fit-content屬性的水平居中應用在進行網頁設計時,常會遇到需要將元素水平置中的情況。在CSS3中,我們可以使用fit-content屬性來達到水平居中的效果。 fit-content屬性定義了元素最適合的內容的寬度,它會根據元素內部的內容自動調整元素的寬度。接下來,讓我們來看看如何使用fit-content屬性來實現水平居中效果。首先,

See all articles