js如何实现关闭js弹出层的窗口

JavaScript09

js如何实现关闭js弹出层的窗口,第1张

两种方法:去除和隐藏

//创建你的弹出层

var dvMsg = document.createElement("div")

strHtml = "<div class='####'>弹出层内容</div>"

strHtml += " <div class='####'><input type='button' value='关闭' onclick='btnclick()'></div>"

dvMsg.innerHTML = strHtml

document.body.appendChild(dvMsg)

// 关闭按钮

btnclick = function (){

document.body.removeChild(dvMsg)

-------------------------

或者 弹出层用div id标记

<div id="tanchu">弹出层内容</div>

js里

function open(){

document.getElementById(tanchu).style.display="" //显示

}

function close(){

document.getElementById(tanchu).style.display="none" //不显示(页面初始化的时候同样加载一遍)

}

这个是浏览器设置的问题,应该是启用了弹窗屏蔽;这个有的机器是默认设置的,个人建议不要弹浏览器新tab,你可以通过ajax在后台语言(php,jsp...)控制器里面写方法用后台语言路由到新页面;

尊敬的用户,您好!很高兴为您答疑

你的代码包含2部分内容:

1、定义函数部分。

clickOpenWin: function(f){var dataKey = "clickOpenWin.dataKey"var me = $(this)var A = me.data(dataKey)var returnData = nullif(!A){A = $("<A target='_blank' class='proxyA'>")me.data(dataKey, A)A.click(function(e){if(returnData){A.attr("href", returnData)}else {A.before(me)e.stop()}})}me.mouseover(function(){$(this).before(A).appendTo(A)})me.mouseout(function(){A.before($(this))})me.click(function(){A.attr("href", "#|")returnData = f.apply(this, arguments)})}

这些代码定义了一个clickOpenWin函数。该函数完成了一些列打开页面跳转及鼠标事件等操作。你可以包裹在<script></script>之中放置于html文件的前端。

2、

var openLink = $("<a target='_blank'>")openLink.attr('href', 'URL地址')openLink[0].click()

这一部分是对上面定义的函数的调用,为事件触发,也是js脚本。

你也应该包裹于<script></script>之中,并增加触发时机,如:onload、document.ready等方可生效。

希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。