美文网首页
用js在html中插入公用的html代码段

用js在html中插入公用的html代码段

作者: 小铭铭_7c47 | 来源:发表于2018-12-03 14:51 被阅读0次

    公共html代码段,比如导航,菜单,页脚。
    但是有些服务容器没有java的运行环境,不能用jsp。

    js的解决方案:
    mapmenu.js:

    function codeCommentRemove(f) { 
        return f.toString().replace(/^[^\/]+\/\*!?\s?/, '').replace(/\*\/[^\/]+$/, '');
    }
    var menuHtml = codeCommentRemove(function () {
        /*
        <div>
            <div class="menu-wrap" id="style-1"> 
                <nav class="top-nav">
                    <ul class="icon-list">
                        <li class="menu-title">13122339798</li>
                    </ul>
                </nav>
                <button class="close-button" id="close-button">C</button>
            </div> 
    
            <div class="content-wrap">
                <div class="header">
                    <div class="menu-icon">
                        <button class="menu-button" id="open-button">O</button>
                    </div>
                    <div class="logo">
    
                        </div>
                    <div class="clearfix"></div>
                </div>
                <h3 align="center">
                </h3>
            </div> 
        </div>
        */
    });
    
    document.write(menuHtml);
    
    
    
    

    在html中的body中放想插入代码段的位置:

    <script src="js/mapmenu.js" type="text/javascript"></script><!-- 菜单html -->  
    

    相关文章

      网友评论

          本文标题:用js在html中插入公用的html代码段

          本文链接:https://www.haomeiwen.com/subject/xyuycqtx.html