如何导入JavaScript代码到另一个html文档?



如何将JavaScript文档中定义的一些变量导入html文档,以便我可以在那里输出这些变量?

我试过这种方式,但它不工作。我在另一个脚本中定义了变量title,并给了它Id title。文件的名称是server.js,所以我在html文档中写了这个作为源,但它不起作用。我要输出的数据单元格是空的。当我在同一文档中定义变量时,它可以工作,但当我在server.js文档中这样做时却不行。

<body>
<script src="server.js"></script>
<table>
<tr>
<th>header</th>
</tr>
<tr>
<td> <div id="title"> </td>
</tr>
</table>
</body>

从我的第二个脚本的部分:

let title = $("#productTitle").text().replace(/ss+/g, "");
document.getElementById("title").innerHTML= title;

答案很简单。只需在body标签之外导入javascript文件。您没有得到所需的结果,因为JavaScript在剩余的body元素之前加载,并且无法找到id为title的所需元素。

</body>之后放置脚本标签之前,打开浏览器控制台,你会看到这样的错误:Uncaught TypeError: Cannot set properties of null (setting 'innerHTML').所以新代码应该是

<body> 
<table>
<tr>
<th>header</th>
</tr>
<tr>
<td> <div id="title"> </td>
</tr>
</table>
</body>
<script src="stack.js"></script>

最新更新