我正在尝试使用 javascript DOM 显示内容,但每次运行我的解决方案时都会得到一个空白页面。我的 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 在文档的头部完成的。
关于JavaScript 不渲染内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60713535/