将Jquery动态加载到.js页面

Question

如果我在这里很简单,请原谅我,我想创建一个人们可以从他们的网站访问的简单小部件 - 例如通过复制/过去之类的东西

<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>

实际上是放置？

希望我能做到.

Answer 1

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库附加在头部