Question

我已将Object / Embed包含在应用程序的HTML文件中以显示另一个网页。即。

<!DOCTYPE HTML>

<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>PhoneGap</title>
<link rel="stylesheet" href="master.css" type="text/css">
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="main.js"></script>
</head>
<body onload="init();">
    <!-- <embed id='embadedContent' height = 400 width= '100%' src="http://192.168.2.44:9191/testtwo/"/> -->
    <object height = 400 width= '100%' data="http://192.168.2.44:9191/testtwo/">
        <param name="quality" value="high">
    </object>
</body>
</html>

现在，我希望获得网页（http://192.168.2.44:9191/testtwo/）中的组件的引用，例如按钮，文本字段等，以便基于逻辑我可以更改这些元素的属性。

Answer 1

由于Same Origin Policy，你无法做到。页面的来源（http://localhost:9191）与嵌入页面的来源*（http://192.168.2.44:9191/testtwo/）不同。

Answer 2

使用id标记稍后引用该元素，例如像这样：id="myObject1"

<object id="myObject1" height = 400 width= '100%' data="http://192.168.2.44:9191/testtwo/">
 <param name="quality" value="high">
</object>

然后您可以通过JavaScript访问它：

var myObject1 = document.getElementById("myObject1")
myObject1.style.height = "200px"

Javascript如何从html页面的Embed / Object获取元素？

2 个答案: