2014-01-29 99 views
0

我想使用對象標籤或任何其他方式在html文件中加載java腳本文件。 我的情況如下。 parent.html文件包含兩個div,其中我使用object標記加載了childOne.html和childTwo.html 文件。在同一個html中加載HTML和java腳本文件

我的問題是我必須做一些工作使用jQuery.js,我必須包括在 兒童html文件。 我想要的是一些方法,我只是在parent.html和 中包含jQuery.js,兩個子html文件應該從parent.html中獲取JS文件。

請建議一些方法。

+0

如果你把jQuery的呈現在頁面的末尾,你可以同時在使用jquery文件。你不需要在每個文件中包含jquery –

+0

document.getElementById(「divId」)。innerHTML ='';這是我如何包括HTML文件的代碼。我如何把它放在最後。 – Vaibhav

+0

你可以放在包含你上面代碼的文件的末尾。 –

回答

0

<object>元素,在這種情況下,第二級秒。不同的文檔是不同的文檔,並有自己的JavaScript環境。

您可以通過parentframes他們之間的溝通(取決於哪個方向,你要在......以及一些瀏覽器可能不使用框架API爲<object>)。

從理論上講,您可能會等待加載框架文檔,然後訪問document.frames.frameid.contentDocument並將jQuery對象複製到它中 - 但這可能會導致很大的混亂,因爲您試圖讓它引用右側document對象。

你最好的賭注,其一是:

  1. 停止試圖把你的框架文件作爲該文件的一部分,制定他們 - 他們是獨立的。如果他們需要使用jQuery,那麼他們有責任加載它。
  2. 停止使用框架,並把這些文件的HTML內容的頂層文件中,以便它們不是獨立
-1

你可以只是jQuery的文件URL添加腳本標籤到parent.html文件,當孩子被加載

,如果你做的jQuery代碼添加到子文件,確保您實例的jQuery中,將工作該文件如

<script type="text/javascript"> 
    $(function(){}); 
</script> 

如果你這樣做了jQuery代碼將工作

+0

它將在父文檔中工作。它不會在子文檔中工作(因爲它是一個不同的文檔)。 '$(function(){});'不會使jQuery代碼工作。它會調用一個jQuery函數,它會導致您傳遞給它的匿名函數被調用,然後DOM Ready事件觸發... * if * jQuery被加載到您將該代碼放入的文檔中。 – Quentin