Javascript不呈现内容_Javascript_Jquery_Html_Css_Web

Javascript不呈现内容

javascript jquery html css web

Javascript不呈现内容,javascript,jquery,html,css,web,Javascript,Jquery,Html,Css,Web,我试图使用JavaScriptDOM显示内容，但每次运行我的解决方案时，都会得到一个空白页面。我的HTML文件如下所示： <!DOCTYPE html> <html> <head> <title>Radiant HQ</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.

我试图使用JavaScriptDOM显示内容，但每次运行我的解决方案时，都会得到一个空白页面。我的HTML文件如下所示：

<!DOCTYPE html>
    <html>
    <head>
        <title>Radiant HQ</title>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>
    <body>
        <nav id="navigationcontent"></nav>
        <script type="text/javascript" src="assets/js/radiant.js">
        </script>
    </body>
</html>

我的js文件如下所示：

@import ('../css/style.css');
document.getElementById("navigationcontent").innerHTML=`
<ul>
    <li><a href="">Home</a> </li>
    <li><a href="">About Us</a> </li>
    <li><a href="">Research</a> </li>
    <li><a href="">Contacts</a> </li>
</ul>`;

你的代码可以工作。但有一个问题

它被困在@import'../css/style.css'上；线尝试删除整行内容，并以其他方式包含CSS。通常，这是通过html在文档头部完成的。

@import'../css/style.css'；为什么这在javascript代码段中？^这是。您是否查看了DevTools控制台以了解更多信息？