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

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
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”。

WPS表格居中怎么设置WPS表格居中怎么设置Mar 19, 2024 pm 09:34 PM

随着WPS的功能越来越强大,我们遇到的关于功能使用的问题也越来越多。在WPS中,我们经常会使用到WPS表格,如果我们需要打印WPS表格,为了让表格看起来美观,这时候我们需要让表格居中。那么,问题来了,我们该如何让WPS表格居中呢?今天我在这里分享一下教程,希望能够帮到你们哦!步骤详情:1、我以实战操作来讲解,以下是我用WPS表格制作了一个简单的表格。2、通过打印预览,我们可以发现,WPS表格默认是居左的。如果我们要是想把表格居中的话该怎么办呢?3、这时候,我们需要点击【工具栏】中的【页面布局】的

如何将一个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%;”将元素的水平位置设置为其

操作方法:如何调整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属性。将文本框所在的父容器元素设置为居中对齐即

CSS技巧:如何实现居中对齐的布局CSS技巧:如何实现居中对齐的布局Oct 20, 2023 pm 04:36 PM

CSS技巧:如何实现居中对齐的布局在网页设计中,居中对齐的布局经常被使用。无论是居中对齐文字、图片、还是整个页面布局,都可以通过CSS来实现。本文将介绍几种实现居中对齐的布局的CSS技巧,并提供具体的代码示例。首先,我们来看如何实现水平居中对齐的布局。下面是一些常见的元素的代码示例:文字居中对齐:.text-center{text-align:ce

前端技巧分享:使用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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 Mac版

SublimeText3 Mac版

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

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中