Javascript 在js代码中插入HTML文本

Javascript 在js代码中插入HTML文本,javascript,jquery,html,Javascript,Jquery,Html,如何将html文件导入javascript代码 目前我必须做一些类似的事情: document.getElementById("menu").innerHTML = '<li class="topline"><a href="#">some text</a></li> <li><a href="#">some text </a></li>

如何将html文件导入javascript代码

目前我必须做一些类似的事情:

document.getElementById("menu").innerHTML = '<li class="topline"><a href="#">some text</a></li>  
                <li><a href="#">some text </a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#"some text</a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#">some text</a></li>';
document.getElementById(“菜单”).innerHTML='
  • ';

    如何将js代码和html代码分离成不同的文件。稍后将html代码轻松加载到javascript中?

    您可以这样做!取自下面的参考链接

    您需要将ul和li标记放在名为
    import.htm
    的文件中,并且它需要与当前文件位于同一位置

    var ajax = new XMLHttpRequest();
    ajax.open("GET", "import.htm", false);
    ajax.send();
    document.getElementById("menu").innerHTML += ajax.responseText;
    
    参考资料:

  • 就这样

    $("#menu").load('menu.html #menulist');
    
    然后在HTML文件中执行此操作

    <ul id ="menulist">
    <li class="topline"><a href="#">some text</a></li>  
    <li><a href="#">some text </a></li>  
    <li><a href="#">some text</a></li>  
    <li><a href="#">some text</a></li>  
    <li><a href="#"some text</a></li>  
    <li><a href="#">some text</a></li>  
    <li><a href="#">some text</a></li>
    </ul>
    
    以供参考


    这可能会对您有所帮助:您的意思是希望将特定的
  • 代码保存在单独的html文件中,以便您可以使用它?可能是