2010-04-13 105 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库的头