js打开新窗口

window.open() 可打开一个新的窗口,

在项目中使用window.open()打开的窗口在使用window.location.reload()方法刷新时会出现刷新之后不会正常显示页面

经过查询以及调试在windw.location.reload()中传入参数true即可实现正常刷新

window.location.reload(true);

既然涉及两个方法那就回顾一下两个方法的语法

  1. window.open()

 用于打开一个新的浏览器窗口

window.open(URL,name,specs,replace)

详细的参数说明参考  菜鸟教程window.open()

例如:在新窗口打开百度,宽度为屏幕宽度的90%,高度为80%,距离屏幕左侧5%,距离屏幕顶端10%,可调整窗口大小,有滚动条

var url="www.baidu.com";
var width=screen.availWidth*0.9;
var height=screen.availHeight*0.8
var left=screen.availWidth*0.05;
var top=screen.availHeight*0.1;
window.open(url,"","width="+width+"px,height="+height+"px,left="+left+"px,top="+top+resizable=1,scrollabls=1");

第三个参数的设置参考下边的表格

参数名参数值说明
widthpixels

窗口的宽度.最小值为100

heightpixels窗口的高度。最小值为100
toppixels窗口顶部的位置仅限IE浏览器
leftpixels该窗口的左侧位置
menubaryes|no|1|0是否显示菜单栏.默认值是yes
scrollbarsyes|no|1|0是否显示滚动条.默认值是yes
statusyes|no|1|0是否要添加一个状态栏.默认值是yes
resizableyes|no|1|0是否可调整窗口大小.默认值是yes

 

子页面获取父页面的元素

window.opener.$("元素的class或id")

2.window.location.reload()

可以实现刷新当前页面,若传参数true,则无论文档内容有无改变,均会重新下载文档

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您需要使用 HTML、CSS 和 JavaScript 来实现在页面上加两个按钮并弹出页面的功能。以下是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <title>My Popup Page</title> <meta charset="utf-8"> <style> .button { display: inline-block; padding: 10px; background-color: #F44336; color: white; border: none; cursor: pointer; border-radius: 5px; } </style> </head> <body> <button id="popup-button-1" class="button">Open Popup 1</button> <button id="popup-button-2" class="button">Open Popup 2</button> <script> // Add event listeners to the buttons document.getElementById("popup-button-1").addEventListener("click", function() { // Open popup 1 window.open("popup1.html", "_blank", "width=400,height=400"); }); document.getElementById("popup-button-2").addEventListener("click", function() { // Open popup 2 window.open("popup2.html", "_blank", "width=400,height=400"); }); </script> </body> </html> ``` 在上面的代码中,我们使用了 HTML 来创建两个按钮,并为其添加了 `id` 属性和 `class` 属性。我们还使用了 CSS 来定义按钮的样式。在 JavaScript 中,我们使用了 `addEventListener` 方法为按钮添加了单击事件监听器。当用户单击按钮时,我们使用 `window.open` 方法打开了两个不同的弹出窗口页面,这些页面分别是 `popup1.html` 和 `popup2.html`,并设置了弹出窗口的大小为 400x400 像素。您可以将这些 URL 替换为您自己的弹出窗口页面的 URL。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值