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

 时间:2024-10-12 22:38:19

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

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

2、打开page1.html,贴入以下代码并错聂庋堀保存:<html><head></head><body<input type="butto荏鱿胫协n" 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.widthwindow.screen.heightwindow.open()

  • navicate上如何编辑用户信息
  • padding怎么设置居中
  • java中如何获取jsp中可选框的值
  • eclipse如何修改java(JDK)默认版本
  • acdsee20怎么激活
  • 热门搜索
    4k手抄报版面设计图 5.1劳动节手抄报 劳动节手抄报简单一点 国家公祭日手抄报 核心价值观手抄报内容 建国手抄报内容大全 端午节手抄报句子大全 纪念英雄手抄报 国庆节手抄报简单又漂亮字少 我爱中华手抄报