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

时间:2015-08-29 13:34:41

标签: javascript html variables object

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

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

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

我想知道的是,我可以在index.htm中使用一些脚本来更改嵌入式var x页面中的test.htm吗?

提前致谢,乔治

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>

1 个答案:

答案 0 :(得分:0)

是。根据

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

它应该有用。引用:

“全局变量具有全局范围:网页上的所有脚本和函数都可以访问它。”当然,var x

中的test.htm不得包含在var Cell = function(display, value) { this.display = display; this.value = value; } $(document).ready(function() { var cells = [ new Cell("120 (10%)", 120), new Cell("60 (5%)", 60), new Cell("30 (2.5%)", 30) ]; $('#example').DataTable( { data: cells, columns: [ { title : "Column NOT OK", data: { _: "display", sort: "value" } }, { type : "num", title : "Column Ok setting column type", data: { _: "display", sort: "value" } }, { title : "Column Ok changing default value", data: { _: "value", display: "display", filter: "display" } }, { title : "Column Ok setting data type", data: { _: "display", sort: "value", type: "value" } }, { type : "num", title : "Column Not OK", data: "display" } ] } ); } );