问题描述
虽然可以动态的加载嵌入HTML中,但是根本就不会被执行。求教高手有什么办法来解决这个问题吗?说句实话有些程序员总是吹嘘Javascript有多强大多强大~我看连include语句都没有的语言原本就弱智的很~我的代码如下:index.html<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Test</title><script>loadFile("include.js");alert(vv);function loadFile(filePath){var element=null;element=document.createElement('script')element.setAttribute("type","text/javascript")element.setAttribute("src", filePath)var eHead=document.getElementsByTagName("head");if(eHead!=null){eHead[0].appendChild(element)return true;}else{return false;}}</script></head><body></body></html>被动态加载的js脚本:var vv = "I am a variable!"; 问题补充:demojava同学,你的第二种方法好像跟我贴出来的代码一样吧,这样是能填进去,但是根本就不能执行动态加载的js文件里面的语句或者使用动态加载的js文件里面的变量。至于用第三方库,你有没有YUI 3动态加载js脚本的用法?教一下,我不想用jquery。我E文不好,从YUI的官方文档我找不到我想要的资料。
解决方案
动态创建 script元素 是可以执行的,你没有执行可能是路径的问题。另外YUI请参考http://yuilibrary.com/yui/docs/yui/loader.html和http://stackoverflow.com/questions/21294/how-do-you-dynamically-load-a-javascript-file-think-cs-include
解决方案二:
这个是可以的吧
解决方案三:
弱你妹!自己不会用说js弱!我也不是很懂,以前想到过这个可能,所以写过,现在拷给你!function JsLoader() { this.load = function(url) { var ss = document.getElementsByTagName("script"); for (i = 0; i < ss.length; i++) { if (ss[i].src && ss[i].src.indexOf(url) != -1) { this.onsuccess(); return } } s = document.createElement("script"); s.type = "text/javascript"; s.src = url; var head = document.getElementsByTagName("head")[0]; head.appendChild(s); var self = this; s.onload = s.onreadystatechange = function() { if (this.readyState && this.readyState == "loading") return; self.onsuccess() } s.onerror = function() { head.removeChild(s); self.onfailure() } }}
解决方案四:
如果用原生态的js 有2中方法1、直接document.write <script language="javascript"> document.write("<script src='test.js'></script>"); </script>2.动态创建 script元素 <script> var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("script"); oScript.type = "text/javascript"; oScript.src="test.js"; oHead.appendChild( oScript); </script>如果用jquery了那么还有什么办不到了$("#div").html(htmlstr);其中 htmlstr 就是一段htmnl代码 用来动态加入html代码还有一个 $.getScript("demo_ajax_script.js");语法:jQuery.getScript(url,success(response,status))这个用来动态加载一个js当然这个js 可以写类似 $("#div").html(htmlstr); 的代码
解决方案五:
用xsl + xml + xpath 可以完成,也就是把javascript 写在xml里面,然后用xsl来解晰出来,就相当于动态完成javascript加载