Question

我有一个包含此代码的文件：

var famname = guterriez;

另一个HTML文件family.html，我在其中包含了文件的位置。我需要在p元素中显示变量，可能还在我网站上的其他位置。

我很感激有关如何做到这一点的一些帮助/提示，因为我做了一些研究，似乎没有任何工作。

Answer 1

下面是如何将您的JS文件集成到HTML中的示例，以及在那里定义的引用变量：

config.js

var txtVar = "This is some text";

page.html中

<script src="config.js" />
<p id="textBlock"></p>
<script>
    document.getElementById("textBlock").innerText = txtVar;
</script>

请参阅下面的代码段以获取可运行的示例。

var txtVar = "This is some text";

window.onload = function() {
    document.getElementById("textBlock").innerText = txtVar;
};

<p id="textBlock"></p>

Answer 2

我假设guterriez是您要分配给变量famname的字符串。在这种情况下，它需要用引号括起来表示它是一个字符串而不是一个名为guterriez的变量（可能不存在）。

试试这个：

var famname = "guterriez";

然后，您希望使用innerText将此值分配给HTML文件中的p元素。尝试使用document.getElementsByTagName("p")[index]访问该节点，然后分配innerText：

document.getElementsByTagName("p")[0].innerText = famname;

＆＃13;

var famname = "guterriez";
document.getElementsByTagName("p")[0].innerText = famname;

＆＃13;

<p></p>

＆＃13;

Answer 3

如果guterriez不是另一个变量而是一个字符串，那么你必须把它放到引号中。如上所述。如果你想在页面的不同位置显示代码，这样的东西可能对你有用：

即。如果您想要显示<div>或<table>，请执行以下操作：

<div id="MyDiv"></div>
<table id="MyTable"><tr><td id="MyCell"></td></tr>

以下JS代码将使用其ID：

调用上述元素中的代码

<script>
    document.getElementById("MyDiv").innerHTML =  famname;
    document.getElementById("MyCell").innerHTML =  famname;
</script>