我有一个 HTML 页面，其中包含一个 Object 标记来托管嵌入的 HTML 页面。
<object style="border: none;" standby="loading" id="contentarea"
width="100%" height="53%" type="text/html" data="test1.html"></object>
但是，我需要在对象标记内更改 HTML 页面。当前代码似乎创建了对象的克隆并用它替换现有对象，如下所示：
function changeObjectUrl(newUrl)
{
var oContentArea = document.getElementById("contentarea");
var oClone = oContentArea.cloneNode(true);
oClone.data = newUrl;
var oPlaceHolder = document.getElementById("contentholder");
oPlaceHolder.removeChild(oContentArea);
oPlaceHolder.appendChild(oClone);
}
这似乎是一种相当糟糕的方式。有谁知道更改嵌入页面的“正确”方法？
谢谢！
编辑：为了回应下面的答案，这里是我现在使用的页面的完整来源。使用 setAttribute 似乎不会更改 Object 标记的内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<script language="JavaScript">
function doPage()
{
var objTag = document.getElementById("contentarea");
if (objTag != null)
{
objTag.setAttribute('data', 'Test2.html');
alert('Page should have been changed');
}
}
</script>
</head>
<body>
<form name="Form1" method="POST">
<p><input type="button" value="Click to change page" onclick="doPage();" /></p>
<object style="visibility: visible; border: none;" standby="loading data" id="contentarea" title="loading" width="100%" height="53%" type="text/html" data="test1.html"></object>
</form>
</body>
</html>
Test1.html 和 Test2.html 页面只是简单的 HTML 页面，分别显示文本“Test1”和“Test2”。