使用js实现关闭js弹出层的窗口
2014-02-10 00:00
537 查看
<script type="text/javascript">
function toggle() {
theObj = document.getElementById('Sunyanzi').style;
if ( theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}
</script>
<div id="Sunyanzi" style="display:none">你看我出现了~~~</div>
<br />
<input type="button" onclick="toggle()" value="点一下试试看 ...?" />
两种方法:去除和隐藏
//创建你的弹出层
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"; //不显示(页面初始化的时候同样加载一遍)
}
function toggle() {
theObj = document.getElementById('Sunyanzi').style;
if ( theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}
</script>
<div id="Sunyanzi" style="display:none">你看我出现了~~~</div>
<br />
<input type="button" onclick="toggle()" value="点一下试试看 ...?" />
两种方法:去除和隐藏
//创建你的弹出层
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"; //不显示(页面初始化的时候同样加载一遍)
}
相关文章推荐
- 使用js实现关闭js弹出层的窗口
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- 【转载】JS+CSS实现带关闭按钮的DIV弹出窗口
- JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
- 用JS实现关闭当前窗口不弹出对话框
- JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- 使用js弹出模态窗口,提交保存数据后关闭模态窗口,刷新父窗口
- 在使用JS调用Window.close()方法关闭一个窗口是,如何禁止弹出对话窗口?
- js实现浏览器右下角弹出提示信息窗口,几秒后自动关闭
- js案例:使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)
- JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
- 在ASP.NET中使用IFRAME+DIV,可以实现在同一页面使用弹出(模态)窗口
- IE,firefox(火狐)浏览器无提示关闭窗口js实现代码小结
- JS实现关闭当前子窗口,刷新父窗口
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- 使用Jquery仿模态对话框插件Remodal实现弹出响应窗口
- JS实现弹出居中的模式窗口示例
- Winform关闭窗口时弹出确认窗口的实现