请原谅我,如果我在这里很简单,我想创建一个简单的小部件,人们可以从他们的网站访问 - 例如通过复制/粘贴类似的内容
<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>
实际放置了吗?
希望我说得有道理。
最佳答案
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库被附加到头部
关于jquery - 动态加载Jquery到.js页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2628692/