html如何设计弹出网页窗口的位置在屏幕中间

 时间:2026-02-14 09:11:25

1、新建两个文件,分别命名为page1.html和page2.html。实现的效果是中page1.html中点击按钮,弹出page2.html。

html如何设计弹出网页窗口的位置在屏幕中间

2、打开page1.html,贴入以下代码并保存:

<html>

<head>

</head>

<body

<input type="button"  value="点击" onclick=openWindow("page2.html","200","200") />

</body>

<script "text/javescript">

function openWindow(url,w,h)

{

var left=(window.screen.width-w)/2;

var top=(window.screen.height-h)/2;

window.open(url, "", "height="+h+", width="+w+",top="+top+",left="+left+", toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");

}

</script>

</html>

html如何设计弹出网页窗口的位置在屏幕中间

3、打开page2.html,贴入以下代码:

<html>

<head>

<title></title>

</head>

<body我是页面2</body>

</html>

html如何设计弹出网页窗口的位置在屏幕中间

4、浏览器访问page1.html,查看效果:

html如何设计弹出网页窗口的位置在屏幕中间

html如何设计弹出网页窗口的位置在屏幕中间

5、关键内容:

window.screen.width

window.screen.height

window.open()

  • navicate上如何编辑用户信息
  • padding怎么设置居中
  • java中如何获取jsp中可选框的值
  • eclipse如何修改java(JDK)默认版本
  • acdsee20怎么激活
  • 热门搜索
    angel是什么意思 太岁是什么意思 张杰谢娜什么时候离的婚 云南什么季节去最好 早上祝福语 什么叠翠成语 什么鬼片恐怖又好看 古色古香的意思 淘宝卖什么好做 什么可以去斑