JavaScript实现了通过点击网页上的任意位置来打开新窗口和关闭窗口的方法

本文用JavaScript演示了通过单击网页上的任意位置来打开新窗口和关闭窗口的方法。分享给大家参考，如下：

在一些不正规的网站，尤其是那些满是广告的下载站，在点击下载链接之前，无论你点击网页的哪个位置，都会弹出一个新的窗口。

这种效果用JavaScript很容易达到，打开新窗口的事件只需要点击某个区域的Div就可以触发。

例如，以下效果：

在原始网页中，指定一个Div，无论用户点击Div的任何区域，都会打开一个新窗口，而点击其他地方则不会。

新窗口的地址栏无法编辑或调整大小。提供“关闭”按钮关闭窗口。

原始网页的HTML布局如下。

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8 ' title untitled Document/title/head body div class=' test class ' style=' height :100 px；Border:1px solid #cccccc '点击这里打开广告/Div /body/html没什么好说的，只是一个类是testClass的Div。

关键是下面的脚本。

脚本类型=' text/JavaScript ' document . onclick=function(e){//设置整个网页的click事件e=e | | window.event//写这个是为了兼容。var target=e . target | | e . srcelement；//用于单击的对象。为了与这篇文章兼容。如果(目标。类名==' testClass '){//如果被点击对象的类是test class，则会打开一个新窗口。var OpenWindow=window.open('，' newwindow '，' height=100 '，' width=400 '，' top=100 '，' left=0 '，' toolbar=false '，' scrollbars=false '，' resizable=false '，' location=false '，' status=false ')；//在新窗口中编写以下HTML代码。openwindow . document . write(' advertising br/')；//在Javascript中，可以使用window.close()关闭当前窗口，但不能关闭当前选项卡。但是，由于这个窗口是我们自己新生成的，所以所有浏览器打开window . document . write(' button onclick=' JavaScript 3360 window . close()'关闭！/button’)；} }/script从上面的脚本可以看出，方法参数window.open()非常长。

其中：

第一个参数为空，表示新窗口的链接不是已有的网页，新窗口的内容由下面两行Javascript生成。如果新窗口的内容需要是现有网页，请填写相应的url。

以下参数表示以下内容，但仅适用于IE。

Newwindow:弹出窗口的名称(不是文件名)，不需要，可以替换为空' '。Height=100:新窗口的高度。Width=400:新窗口的宽度。Top=0:当前窗口中新窗口上方的像素值。Left=0:当前窗口左边窗口的像素值。Toolbar=false:是否显示Toolbar、menubar和scroll bar表示菜单栏和滚动条。Resizable=false:是否允许更改窗口大小位置=false:是否启用新窗口的地址栏状态=false:是否显示状态栏。

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript窗口操作与技巧汇总》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。