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

2018-12-03  本文已影响0人  小铭铭_7c47

公共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 -->  
上一篇下一篇

猜你喜欢

热点阅读