求教如何动态加载脚本到HTML?

问题描述

虽然可以动态的加载嵌入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加载

时间: 2024-08-02 09:36:40

求教如何动态加载脚本到HTML?的相关文章

动态加载脚本提升javascript性能

 动态加载脚本可以有效提升javascript性能,下面有个不错的示例,大家可以参考下 通过文档对象模型(DOM),几乎可以用Javascript动态创建HTML中的所有 内容.其根本在于,<script>标签与页面中的其他元素并无差异:都能通过DOM引用,都能在文档中移动.删除,甚至被创建.用标准的DOM方法可以非常容易地创建一个新年的<script>元素:   代码如下: <script type="text/javascript">  var

JS动态加载脚本并执行回调操作_javascript技巧

关于在javascript里面加载其它的js文件的问题可能很多人都遇到过,但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成,如果没有加载完成我们就调用文件里面的函数是不会成功的.本文讲解怎么在js中加载其它js文件并在加载完成后执行回调函数.  我们可以动态的创建 <script> 元素,然后通过更改它的 src 属性来加载脚本,但是怎么知道这个脚本文件加载完成了呢,因为我们有些函数需要在脚本加载完成生效后才能开始执行. 经过对网络上资源的搜索,我发现在 IE 浏览器中可以使用

jquery ajax()动态加载脚本文件的例子

上次说的jquery动态加载脚本,使用的是getScript(您可以点击相关文章查看),缺点和优点都说了.封装的函数是不自带缓存功能的,默认每次加载都刷新本地脚本.这样的一个特点对于网速不是很快的网站来说,那就是一个漫长的等待,虽然页面已经加载完毕了,但脚本还在路上,访客会以为脚本加载失败,就会反复的刷新页面,结果每次加载脚本都是重新获取的,造成资源的中断和大量的服务器请求.为了解决这个问题,我自己写了个方法,哈哈,当然是根据getScript把ajax方法打包到一个函数里便于多次复用. <!D

超级强大JS动态加载脚本同时使用加载js文件函数调用

    首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package.js,打开后在里面写一个方法functionOne,很简单,代码如下: function functionOne(){     alert("成功加载"); }         后面的html文件都创建在同一个目录下. 方法一:直接document.write 在同一个文件夹下面创建一个function1.html,代码如下: <html> <head>     <ti

JS 动态加载脚本的4种方法_javascript技巧

如果js文件都比较小,还是一个js好,这样可以减少连接数.下面是4种比较常用的方法,大家可以根据情况选择,最后 将会给推荐一个.1.直接document.write 复制代码 代码如下: <script language="javascript"> document.write("<script src='test.js'><\/script>"); </script> 2.动态改变已有script的src属性 复制代

JavaScript 动态加载脚本和样式的方法_javascript技巧

一 动态脚本 当网站需求变大,脚本的需求也逐步变大;我们不得不引入太多的JS脚本而降低了整站的性能; 所以就出现了动态脚本的概念,在适时的时候加载相应的脚本; 1.动态引入js文件 var flag = true; if(flag){ loadScript('browserdetect.js'); // 调用函数,引入路径; } function loadScript(url){ var script = document.createElement('script'); // 创建script

JavaScript 动态加载脚本和样式

  3大点: 1.元素位置 2.动态脚本 3.动态样式     一.元素位置 getBoundingClientRect().这个方法返回一个矩形对象,包含四个属性:left.top.right和bottom.分别表示元素各边与页面上边和左边的距离. var box = document.getElementById('box');//获取元素 alert(box.getBoundingClientRect().top);//元素上边距离页面上边的距离 alert(box.getBounding

js动态加载脚本

/** * 同步加载js脚本 * @param id 需要设置的<script>标签的id * @param url js文件的相对路径或绝对路径 * @return {Boolean} 返回是否加载成功,true代表成功,false代表失败 */ function loadJS(id,url){ var xmlHttp = null; if(window.ActiveXObject)//IE { try { //IE6以及以后版本中可以使用 xmlHttp = new ActiveXObje

动态加载脚本提升javascript性能_javascript技巧

通过文档对象模型(DOM),几乎可以用Javascript动态创建HTML中的所有 内容.其根本在于,<script>标签与页面中的其他元素并无差异:都能通过DOM引用,都能在文档中移动.删除,甚至被创建.用标准的DOM方法可以非常容易地创建一个新年的<script>元素: 复制代码 代码如下: <script type="text/javascript"> var script=document.createElement("script