Question

我一直在尝试将来自外部.js文件的对象中的单个属性调用到HTML表格单元格中。我的代码如下：

这是来自外部.js文件“script.js”

var shortsF = new Object ( );
shortsF.description = "Stone Wash Denim Shorts";
shortsF.stockLevel = 20;
shortsF.price = 25.9;

这是index.html文件的一部分：

<html>
<head>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td><script>document.write(shortsF.description)</script></td>
</tr>
</table>
</body>
</html>

当在HTML文件中本地初始化对象但在外部.js文件中没有初始化时，这是有效的 - 我必须遗漏一些简单但我根本无法理解的内容！

非常感谢，

马特

Answer 1

看起来很好。 script.js与html文件位于同一目录中吗？这就是你的HTML所期望的。如果他们在同一个地方并且所有内容都是在您发布时写的，那么它应该可以正常工作。

如果您想获得更多花哨，可以考虑将脚本用作模块：https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/Using?redirectlocale=en-US&redirectslug=JavaScript_code_modules%2FUsing

Answer 2

我将你的两个片段保存到script.js和index.html中，它按原样运行。所以你正在做的其他事情就是打破它。

除此之外，这不是将文本插入DOM的好方法

从HTML中的外部JS文件调用属性

2 个答案: