jquery - 动态加载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 等，但这只添加在页面底部。有没有办法在脚本包含的位置添加.

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