将 JavaScript 变量传递给嵌入的 HTML 对象答案

【问题标题】：Pass JavaScript variable into an embedded HTML object将 JavaScript 变量传递给嵌入的 HTML 对象
【发布时间】：2015-08-29 13:34:41
【问题描述】：

我有一个简单的页面index.htm 如下所示...

对象的数据属性将是另一个外部 HTML 页面test.htm，并通过页面的脚本设置。

但是，test.htm 运行一些带有变量的脚本。例如var x = 123。

我想知道的是，我可以在index.htm 中有一些脚本来更改嵌入式var x 页面中的var x 吗？？

提前致谢，乔治

test.htm

<table width="100" border="0" cellspacing="10" cellpadding="0">
  <tr>
   hello world
  </tr>
</table>

<script>
var x = 123;
</script>

index.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
</head>
<body>

<object id="page" width='100%' height=700px data="test.htm"></object>

<script>
alert(x)
</script>

</body>
</html>

【问题讨论】：

标签： javascript html variables object

【解决方案1】：

是的。根据

http://www.w3schools.com/js/js_scope.asp

它应该工作。引用：

“全局变量具有全局范围：网页上的所有脚本和函数都可以访问它。”当然你的var x 不能在你的test.htm 里面的函数中

【讨论】：

我在test.htm 中创建了一个名为x 的变量，然后在index.htm 文件中尝试alert(x)，但我什么也没得到？？ @bash.d
你初始化你的x了吗？实际结果如何？ undefined 或 null?
两者都没有，我一无所获！
您是否在行尾添加了;？请粘贴 test.htm 的脚本代码
请看上面@bash.d