如何动态加载JavaScript文件？

这个问题在这里已经有了答案：

动态加载JavaScript文件22个答案

---

你不能用这种方式在Javascript中嵌入HTML。 基本上，你想要的是嵌入一个脚本元素，点击一个按钮时指向一个特定的JavaScript文件。 这可以通过将事件与DOM结合来完成：

<script type="application/javascript">
function loadJS(file) {
    // DOM: Create the script element
    var jsElm = document.createElement("script");
    // set the type attribute
    jsElm.type = "application/javascript";
    // make the script element load file
    jsElm.src = file;
    // finally insert the element to the body element in order to load the script
    document.body.appendChild(jsElm);
}
</script>
<button onclick="loadJS('file1.js');">Load file1.js</button>
<button onclick="loadJS('file2.js');">Load file2.js</button>

---

试试这个大小：动态加载JS

function loadjscssfile(filename){
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadjscssfile("myscript.js") //dynamically load and add this .js file

---

JavaScript的：

function loadScript(url)
{
    document.body.appendChild(document.createElement("script")).src = url;
}
function loadDefaultScript()
{
    loadScript("http://mysite.com/file1.js");
}
function loadAlternateScript()
{
    loadScript("http://mysite.com/file2.js");
}

HTML：

<input type="button" onclick="loadAlternateScript()" value="Alternate" />
<input type="button" onclick="loadDefaultScript()" value="Default" />

链接地址: http://www.djcxy.com/p/42453.html

上一篇: How do I load a javascript file dynamically?

下一篇: Response to preflight request doesn't pass access control check