使用iframe時，如何包含JavaScript函數？

Question

我相對較不熟悉HTML5 / JavaScript的前端開發。

我想我應該對此進行研究。 我需要創建一個iframe，其中將包含一個JavaScript倒數計時器和一個JavaScript文本效果。

iframe渲染正常，但計時器未實時顯示倒數計時，文本效果也未渲染。

我希望它像嵌入Flash視頻或類似內容的方式一樣可嵌入...

請指出正確的方向。

Answer 1

假設您有一個類似的iFrame：

<iframe src="someSource" id="frameID"></iframe>

而且您的腳本位於外部myScripts.js文件中，您可能希望將新腳本附加到iFrame的文件中，如下所示：

$("#frameID").contents().find("head").append("<script type='text/javascript' src='resources/script/script.js'>");

編輯：如果您有一個函數functionToCall（）要在iframe中調用（而不是嵌入外部文件），則可以執行以下操作：

  document.getElementById('frameID').contentWindow.functionToCall();