源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用js实现关闭js弹出层的窗口

  • 时间:2021-04-18 23:22 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用js实现关闭js弹出层的窗口
<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="点一下试试看 ...?" /> [b]两种方法:去除和隐藏[/b] //创建你的弹出层       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); ------------------------- [b]或者 弹出层用div id标记[/b] <div id="tanchu">弹出层内容</div> [b]js里 [/b]function open(){ document.getElementById(tanchu).style.display="";  //显示 } function close(){ document.getElementById(tanchu).style.display="none";  //不显示(页面初始化的时候同样加载一遍) }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部