2010-04-13 106 views
2

請原諒我,如果我在這裏簡單,我想創建一個簡單的小工具,人們可以從他們的網站訪問 - 例如,通過複製/過去的類似jQuery的動態加載到的.js頁

<script language="javascript" src="test2.js"></script> 
<div id="test"></div> 

任何地方在他們的網頁上。其中通過Jquery動態填充,並在/ test2.js中的函數中進行填充。

我能做到這一點,如果jQuery是實際test2.js的頁上的「打印」,但我不能,如果我嘗試包括/動態調用JQuery的任何jQuery函數工作。你如何通過javascript調用JQuery,然後讓它與頁面上的函數一起工作?

和/或有一個簡單的方法來添加< div id="test"></div>動態藏漢?當然,我可以body.append等,但只增加在頁面的底部。有沒有一種方法可以在劇本包含的位置使用.append

<script language="javascript" src="test2.js"></script> 

實際上是否放置?

希望我能做到。

回答

0

要附加關於你的問題是否<div id="test"></div>可以在腳本的位置動態添加:

如果你打電話給你的腳本document.write,那麼這些內容插入腳本之後文檔。

例如爲:

<html> 
<head></head> 
<body> 
    <div id="first"> 
     <div id="second"> 
      <script type="text/javascript"> 
       document.write('<h2>test</h2>'); 
      </script> 
     </div> 
    </div> 
</body> 
</html> 

結果

<html> 
<head></head> 
<body> 
    <div id="first"> 
     <div id="second"> 
      <script type="text/javascript"> 
       document.write('<h2>test</h2>'); 
      </script> 
      <h2>test</h2> 
     </div> 
    </div> 
</body> 
</html> 
5
function loadjscssfile(filename, filetype) { 
     if (filetype == "js") { //if filename is a external JavaScript file 
      var fileref = document.createElement('script') 
      fileref.setAttribute("type", "text/javascript") 
      fileref.setAttribute("src", filename) 
     } 
     else if (filetype == "css") { //if filename is an external CSS file 
      var fileref = document.createElement("link") 
      fileref.setAttribute("rel", "stylesheet") 
      fileref.setAttribute("type", "text/css") 
      fileref.setAttribute("href", filename) 
     } 
     if (typeof fileref != "undefined") 
      document.getElementsByTagName("head")[0].appendChild(fileref) 
    } 

    loadjscssfile("jquery-1.4.2.js", "js") //dynamically load and add this .js file 

你jQuery代碼應放置在頁面的底部,現在等待jQuery庫的頭