JS如何判断一个页面是否已经打开?
2015-01-23 15:18
1156 查看
一种是刷新之后又会重新打开页面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var objWin;
function openPage() {
var target = "http://www.baidu.com";
//判断是否打开
if (objWin == null || objWin.closed) {
objWin = window.open(target);
} else {
objWin.location.replace(target);
}
//objWin.focus();
}
</script>
</head>
<body>
<a href="javascript:openPage();">打开页面</a>
</body>
</html>一种更完美一点的方案(刷新之后也不会再重新打开)：
index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="open" onclick="window.open('proxy.html','tag')">
</body>
</html>
proxy.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>target页面</title>
<script>
if(window.parent.name!="msg")
{
window.location.href="target.html";//这才是你的显示页面
}
else
{
window.parent.focus();
}
</script>
</head>
<body>
proxy
</body>
</html>
target.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>target页面</h3>
<script>
window.name="msg";
</script>
message page
<iframe src="" name="tag" style="display:none"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var objWin;
function openPage() {
var target = "http://www.baidu.com";
//判断是否打开
if (objWin == null || objWin.closed) {
objWin = window.open(target);
} else {
objWin.location.replace(target);
}
//objWin.focus();
}
</script>
</head>
<body>
<a href="javascript:openPage();">打开页面</a>
</body>
</html>一种更完美一点的方案(刷新之后也不会再重新打开)：
index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="open" onclick="window.open('proxy.html','tag')">
</body>
</html>
proxy.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>target页面</title>
<script>
if(window.parent.name!="msg")
{
window.location.href="target.html";//这才是你的显示页面
}
else
{
window.parent.focus();
}
</script>
</head>
<body>
proxy
</body>
</html>
target.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>target页面</h3>
<script>
window.name="msg";
</script>
message page
<iframe src="" name="tag" style="display:none"></iframe>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS判断一个页面是否已经打开
- php 如何判断一个常量是否已经定义
- magento -- magento中如何判断一个用户是否已经登陆
- js如何判断一个控件是否获得焦点
- js判断是否安装了客户端（针对IE，IE6除外）以及表单提交方式打开新页面
- 判断一个窗体是否已经打开
- js如何判断页面中是否有指定控件~~~
- jquery和js如何判断一个对象是否存在
- 如何判断一个SOCKET连接是否已经断开
- js 判断一个元素是否在页面中存在
- 如何在JS中判断页面上是否存在指定控件
- [VB.NET]vb.net中如何检测一个已知的文件是否已经被打开或者被其他应用程序调用
- 自写简单JS判断是否已经弹出页面
- 如何用js判断一个复选框是否被选中？
- 如何用.net程序来判断一个网站是否正常打开小解
- 如何判断服务器一个端口是否打开？
- javascript（jquery）中如何判断一个元素在页面中是否存在
- JS 判断页面是否打开。
- jquery和js如何判断一个对象是否存在
- 如何用JS判断一个网页中的图片是否下载结束