javascript - 将变量从 <script> 传递到 HTML 代码？

Question

我想传递一个在 <script> 之间声明的变量标记到 iframe 标记中的 URL，如下所示:

<script>
   var1 = 1;
</script>

<iframe src="http://link_to_site?param=var1>

但这不起作用。可以吗？我应该怎么做？

谢谢

Answer 1

首先，您需要一种方法来识别 JavaScript 代码中的目标元素。例如，为元素指定一个 id 属性:

<iframe id="myIframe" />

(当然还有其他方法来标识元素。可以构造相当复杂的查询来标识整个 DOM 中的特定元素。但是 id 是一种特别简单的方法，至少对于这个示例来说是这样。)

然后在 JavaScript 代码中，您将获得对该元素的引用并设置其 src 属性:

var var1 = 1;
document.getElementById('myIframe').src = 'http://link_to_site?param=' + var1;

需要注意的一件事是，此代码需要在页面上存在该元素之后执行。如果它在页面上的该元素之上运行，则该元素尚不存在，并且 getElementById() 将不返回任何内容。

“After”可能意味着它立即运行，但存在于页面上比元素“更低”的位置。或者这可能意味着代码放置在页面上的任何位置，但直到稍后才真正执行，例如在事件处理程序中。