如何使用 javascript 更新 iframe

Question

您好，我正在嘗試使用 javascript 更新 iframe 的 src，下面是我正在嘗試的代碼。 當我嘗試執行代碼時，它失敗了，好像發生了錯誤，並在我調用此行時停止執行代碼。

document.getElementById('logviewer').src = "www.yahoo.com";

示例代碼：

<iframe src="" id="logviewer"/>
<script type="javascript/text">
document.getElementById('logviewer').src = "www.yahoo.com";
alert('Loaded Yahoo');
</script>

您可以看到 src 沒有改變並且警報沒有顯示。

提前感謝您的回答！

Answer 1

您的代碼中有一些主要問題：

• 腳本 mime-type 應該是text/javascript而不是javascript/text
• iframe 標簽應該有一個結束標簽...不支持shortopentags。 這是因為當瀏覽器不支持 iframe 時，會顯示 iframe 標記之間的內容。 您的代碼意味着腳本標簽最終出現在本節中。
• 當代碼運行時， document可能還沒有准備好（你需要把你的代碼放在一個 domready 事件中），這基本上就是 Patrick 所說的。 我認為這也是一個非常相關的原因。

這是您的代碼處於工作狀態： http : //jsfiddle.net/4EMdn/