如何用JS编写在一个页面点击超链接时,弹出一个新窗口,并使之前窗口不可用???

如何用JS编写在一个页面点击超链接时,弹出一个新窗口,并使之前窗口不可用???如何设置该弹出窗口的状态????多谢各位大侠相助了。

第1个回答  2014-05-02
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>原始窗口</title><style type="text/css"> <!-- body,td,th { font-size: 12px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #lockWindow { position:absolute; text-align:center; left:0px; top:0px; width:0; height:0; z-index:70; background-color: #CCCCCC; filter:alpha(opacity=60); display:none; } #MsgWindow { position:absolute; text-align:center; left:0px; top:0px; width:0; height:0; z-index:100; display:none; } --> </style> <script language="javascript"> function lockWindow(){ window.open("b.asp","face","width=400,height=400,scrollbars=1") var lockDiv = document.getElementById("lockWindow"); var MsgWindow = document.getElementById("MsgWindow"); document.title="窗口已锁定"; lockDiv.style.width=document.body.scrollWidth; lockDiv.style.height=document.body.scrollHeight; lockDiv.style.display="block"; MsgWindow.style.top=document.body.clientHeight/4; MsgWindow.style.left=document.body.clientWidth/3.5; MsgWindow.style.display="block"; } function unlockWindow(){ var lockDiv = document.getElementById("lockWindow"); var MsgWindow = document.getElementById("MsgWindow"); document.title="窗口已解除锁定"; lockDiv.style.width=0; lockDiv.style.height=0; lockDiv.style.display="none"; MsgWindow.style.display="none"; } </script> </head> <body> <div align="center"> <div id="lockWindow"> </div> <div id="MsgWindow"> <table width="403" border="0" cellspacing="1" bgcolor="#3399FF"> <tr> <td width="399" height="25" align="center" bgcolor="#3399FF">点击按钮解除窗口锁定</td> </tr> <tr> <td height="100" bgcolor="#FFFFFF">当系统开始发布任务的时候,弹出一个窗口锁定当前的页面,提示“正在发布...”并显示发布的进度。当点取消或者发布任务完毕的时候,解除锁定然后跳转到指定页面,如何实现这种效果?</td> </tr> <tr> <td align="center" bgcolor="#FFFFFF"><input type="button" name="Submit" value="解除锁定" onclick="unlockWindow()"></td> </tr> </table> </div> <p></p> <form id="form1" name="form1" method="post" action=""> <a href="#?locak=1" onclick="lockWindow()">aaaaaaa</a> </form> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </body> </html>
记得采纳啊本回答被提问者采纳

如何用JS点击超链接弹出对话框
1、在body里面布局,把对话框的大致结构写出来。2、写css样式,让对话框在网页上体现出来。3、得到如下图样式,结构完成。4、最后就是写js样式,让我们的对话框达到一定的效果。5、点击超链接弹出对话框。

html或者jsp中如何点击超链接,打开一个新窗口,点击一次,打开一个?
1、实现一个超链接打开后在新的页面打开,代码如下:2、点击这个连接将会在新的选项卡中打开test.html页面

用js从新窗口打开超链接的火狐兼容问题
代码如下,兼容多种浏览器 function externallinks() { if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName("a");for (var i=0; i<anchors.length; i++) { var anchor = anchors[i];if (anchor.getAttribute("href"))anchor.target = "_blank";} }...

用javascript编写在网页里写一个超链接,点击超链接能打开新的窗口并显示...
先编写 一个html ,设置添加图片记录文件连接。js 添加一个 function 设置 window.open function Wopen(){ window.open('http:\/\/地址','_blank','width=600,height=400,top=100px,left=0px') }打开图片

怎么在js函数中加入一条超链接,点击之后跳转到另一个页面
用JS脚本取得URL中传递的参数 --function getQry(key){ var search=location.search.slice(1);\/\/得到get方式提交的查询字符串 var arr=search.split("&");for(var i=0;i<arr.length;i++){ var ar=arr[i].split("=");if(ar[0]==key){ return ar[1];} } } ...

js如何打开一个新窗口js如何打开一个新窗口快捷键
纯JS是实现不的,需要客户端配合。比如提供一些伪协议,或在js-sdk提供对应的方法。在html中,点击一个按钮,打开一个新窗口,原页面同时跳转到某一个新界面的代码怎么写?buttonid="demo">demo\/button>scripttype="text\/javascript">!--$("#demo").on("click",function(){window.location.href="...

JS中如何控制 超级链接 来打开 模式窗口
1、使所有的窗口都在子窗口打开 \/\/跳到新窗口 function externallinks() { if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName_r("a");for (var i=0; i<anchors.length; i++) { var anchor = anchors[i];if (anchor.getAttribute("href"))anchor.t...

divcssjs实现弹出框?
如何用JS和CSS3制作炫酷的弹窗效果1、在body里面布局,把对话框的大致结构写出来。写css样式,让对话框在网页上体现出来。得到如下图样式,结构完成。最后就是写js样式,让我们的对话框达到一定的效果。点击超链接弹出对话框。2、就是用js实现的。当然,还有很多种方法。比如新建一个弹窗层,加入遮罩...

怎样用js实现点击时制出现一个弹窗
为超链接添加onclick()动作,动作内容为弹出对话框。javascript提供了3种类型的对话框:alert() : 提醒 confirm():确认,返回 true 或者 false prompt():带输入的对话框 下面进行实例演示:1、HTML结构 你有一个礼物我要接收礼物必须先对暗号 2、javascript代码 function fun1(){ alert("你得到...

js如何弹出窗口js如何弹出窗口模式
下面是一个完整的js弹出对话框的代码。复制代码如下:查看代码 page.html 这里定义了一个函数openwin(),其内容是打开一个窗口。在被调用之前,它没有任何用处。怎么称呼?方法一:浏览器读取页面时,弹出一个弹窗;复制代码如下:复制代码如下:value=page.htmlpage2.html,为了避免两个弹出窗口重叠,请...

相似回答