JS window.open()打开新窗口、监听新窗口关闭事件

JavaScript024

JS window.open()打开新窗口、监听新窗口关闭事件,第1张

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下:

参数列表如下:

使用 window.closed 属性可以检测当前窗口是否关闭,如果关闭则返回 true,否则返回 false。

下面是一个监听当前新开页面该窗口的打开关闭状态的示例

参考: https://blog.csdn.net/HeXinT/article/details/125412106

1.设置url

// 设置当前urlvar list_url = '/document/order/default.php?page=' + page_nums + '&'+ $("#form1").serialize()var e_list_url = encodeURIComponent(list_url)$("#list_url").val(e_list_url)

2.传递url

var list_url = $('#list_url').val()

window.location.href='/document/order/view.php?order_id='+order_id+'&action=edit&handler=admin&list_url='+list_url

3.解析url并跳转

var list_url = '<?php echo $list_url?>'

d_list_url = decodeURIComponent(list_url)window.location.href = d_list_url

这样就能实现,参数不丢失了。主要就是页码和筛选条件。

纯js页面跳转要传复杂数据不好做,要用localStorage,这个东东在各浏览器中是不一样的。

比较好的方法就是,在跳转链接中加上一些标志参数,如对象ID之类,直接由服务器生成新页面内容或者转到新页面后由页面从服务器重新ajax取数据。

JS让IE全屏2008-03-03 16:40<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>最大化窗口</title>

<!--第一步:把如下代码加入到<head>区域中-->

</head>

<!--第二步:把加在<body>标记里

例如:-->

<body>

<hr>

脚本说明:

<hr>

<!-- 把如下代码加入<body>区域中 -->

<p>在制作项目时,用到最大化窗口,并且无任何工具栏,但是要显示最大化窗口的框,可以缩小,可以最大化,有滚动条,一下是本人总结的信息奉献出来,给有需要的人使用! </p>

<a href='javascript:' onclick=window.open("http://www.baidu.com","_blank","left=0px,top=0px,fullscreen=1,toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=1,resizable=1")>点击此处查看效果</a>

<a href='javascript:window.open("http://www.baidu.com","_blank","left=0px,top=0px,fullscreen=1,toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=1,resizable=1")opener=nullwindow.close()'>点击连百度</a>

</p>

<p>http://www.baidu.com 放网址或要打开最大化窗口文件</br>

_blank 新开窗口,也可以换成在原窗口打开,_parent,_self,_top</br>

left=0px 屏幕左边起多少像素,最大化窗口时无效</br>

top=0px 屏幕上便起多少像素,最大化窗口时无效</br>

fullscreen=1全屏 1 开启 0为关闭</br>

toolbar=0工具栏1 开启 0为关闭</br>

location=0 </br>

directories=0 目录</br>

status=0 状态栏 1 开启 0为关闭</br>

menuBar=0 菜单项奖栏 1 开启 0为关闭</br>

scrollBars=1 滚动条</br>

resizable=1 是否可改变大小</br>

</p>

<!-- 代码加入结束-->

</body>

</html>