• 技术文章 >web前端 >js教程

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

    2016-05-16 17:00:55原创530




    两种方法:去除和隐藏

    //创建你的弹出层
    var dvMsg = document.createElement("div");
    strHtml = "

    弹出层内容
    "
    strHtml += "
    "
    dvMsg.innerHTML = strHtml;
    document.body.appendChild(dvMsg);
    // 关闭按钮
    btnclick = function (){
    document.body.removeChild(dvMsg);

    -------------------------
    或者 弹出层用div id标记

    弹出层内容

    js里
    function open(){
    document.getElementById(tanchu).style.display=""; //显示
    }
    function close(){
    document.getElementById(tanchu).style.display="none"; //不显示(页面初始化的时候同样加载一遍)
    }

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:js 弹出层
    上一篇:ExtJS判断IE浏览器类型的方法_extjs 下一篇:利用js读取动态网站从服务器端返回的数据_javascript技巧
    Web大前端开发直播班

    相关文章推荐

    • Vercel是什么?怎么部署Node服务?• Angular项目如何上线?结合nginx来聊聊上线流程!• 一文聊聊Angular中的生命周期• 什么是流(Stream)?如何理解Nodejs中的流• 什么是管道?浅析Angular中的管道(PIPE)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网