您的位置：首页 > 运维架构

使用window.open的一些学习记录

2013-09-01 17:41 253 查看

<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript">

var winStats;//新建页面参数的变量

var modalWin;//用于获得新建页面的对象

//wname：页面的名字，w：页面的宽，h：页面的高，jsp：页面地址

function openWindow(wname,w,h,jsp){

winStats='width='+w+',height='+h+',toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no';

modalWin = window.open(jsp,wname,winStats);

disableForms();

}

//以下两个方法是用来使在新打开的页面没有被关闭下不得操作原页面

function disableForms()

{

//执行以下操作都会触发disableMe函数

self.onFocus =disableMe;

document.onFocus =disableMe;

document.onKeyDown =disableMe;

document.onKeyPress =disableMe;

document.onKeyUp =disableMe;

document.onmousedown=disableMe;

document.onmouseup =disableMe;

window.onmousedown =disableMe;

window.onmouseup =disableMe;

}

//如果modalWin 没有被关闭都会获得焦点。

function disableMe()

{

if(modalWin && !modalWin.closed)

{

modalWin.focus();

return false;

}

return true;

}

//一个简单的 window.open例子

function addAttachment(){

var ret = window.open('http://www.baidu.com','newwindow','height=360,width=750,toolbar=yes,menubar=yes,scrollbars=no, resizable=no,location=yes, status=no,left=50');

}

</script>

<script language="JavaScript">

//控制页面10秒后关闭

function closeit()

{

setTimeout("self.close()",10000) //毫秒

}

</script>

</head>

<body>

<a href="javascript:void(0)" onclick="addAttachment()"> open1</a>

<a href="javascript:void(0)" onclick="openWindow('newwindow','750','380','http://www.baidu.com')"> open2</a>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航