`

动态加载javascript

阅读更多
  1. /**  
  2.  * 动态加载JS文件  
  3.  */  
  4. var Faceye = {   
  5.     version : 1.0,   
  6. /**  
  7. *简单取得httpRequest  
  8. */  
  9.     httpRequest : function() {   
  10.         var xRequest = null;   
  11.         if (window.XMLHttpRequest) {   
  12.             xRequest = new XMLHttpRequest();   
  13.         } else if (window.ActiveXObject) {   
  14.             xRequest = new ActiveXObject("MsXml2.XmlHttp");   
  15.         }   
  16.         return xRequest;   
  17.     },   
  18. /**  
  19. *简单的加载文件  
  20. */  
  21.     load : function(src) {   
  22.         var headerDom = document.getElementsByTagName('head').item(0);   
  23.         var jsDom = document.createElement('script');   
  24.         jsDom.type = 'text/javascript';   
  25.         jsDom.scr = src;   
  26.         headerDom.appendChild(jsDom);   
  27.     },   
  28. /**  
  29. *通过ajax方式加载js  
  30. */  
  31.     ajaxLoad : function(src) {   
  32.         var xRequest = this.httpRequest();   
  33.         xRequest.open('GET',src,true);   
  34.         xRequest.send(null);   
  35.                     var headerDom = document.getElementsByTagName('head')   
  36.                             .item(0);   
  37.                     var jsDom = document.createElement('script');   
  38.                     jsDom.type = 'text/javascript';   
  39.                     jsDom.language='javascript';   
  40.                     jsDom.defer=true;   
  41.                     jsDom.text=xRequest.responseText;   
  42.                     headerDom.appendChild(jsDom);   
  43.            
  44.     }   
  45. };  
分享到:
评论

相关推荐

    javascript函数动态加载javascript文件

    这正是"javascript函数动态加载javascript文件"这一主题的核心所在。 动态加载JavaScript文件的基本原理是利用`<script>`标签的异步加载特性或者使用`XMLHttpRequest`或`fetch` API来创建HTTP请求获取JS文件。下面...

    asp.net动态加载JavaScript树

    总结来说,ASP.NET动态加载JavaScript树是通过结合服务器端的ASP.NET处理和客户端JavaScript的交互,实现数据的动态获取和树形结构的动态构建。这种方式提高了用户体验,减少了不必要的数据传输,同时也展现了前后端...

    动态加载JavaScript文件的两种方法_.docx

    动态加载JavaScript文件是提高网页性能和优化...总结,动态加载JavaScript文件可以提升网页性能,但需谨慎处理,特别是在涉及用户安全的数据操作时。合理使用这两种方法,结合安全策略,可以在性能与安全之间找到平衡。

    动态加载JavaScript文件的两种方法

    需要注意的是,动态加载的JavaScript文件的执行顺序依赖于它们被添加到DOM中的顺序,因此在多个脚本的加载和执行管理上需要特别注意。另外,如果JavaScript文件较大或者网络状况不佳,可能会延长页面加载时间,影响...

    vue动态加载js.zip

    因此,需要在运行时动态地将新的JavaScript文件添加到DOM中,以实现按需加载。 实现Vue动态加载JavaScript的基本步骤如下: 1. 创建Script元素:在JavaScript中,我们可以使用`document.createElement('script')`...

    防止动态加载JavaScript引起的内存泄漏问题

    其中一种常见的做法是动态加载JavaScript脚本,这通常通过创建script标签并将其添加到DOM中完成。然而,这种做法可能会引起内存泄漏问题,尤其是在脚本执行完毕后未能正确管理脚本资源。 首先,我们来讨论什么是...

    基于Ajax的动态JavaScript文件加载模型.pdf

    基于Ajax的动态JavaScript文件加载模型 Ajax异步请求 JavaScript文件加载模型是基于B/S模式的系统中的一个重要组件。在浏览器端,JavaScript文件是浏览器端程序的主要组成部分。传统的方式是将所有可能用到的...

    JavaScript动态加载事件

    实现JavaScript 动态加载事件

    动态加载JavaScript文件的3种方式

    动态加载JavaScript文件是前端开发中常用的技术之一,它允许我们在页面加载完成后根据需要再加载特定的JS文件,从而优化页面的加载时间和性能。本文将详细介绍三种动态加载JavaScript文件的方法:使用document.write...

    Ext JS动态加载JavaScript创建窗体的方法

    总之,本文详细介绍了Ext JS框架结合JavaScript动态加载技术来实现窗体动态创建的方法。在项目实践中,这种技术能够让Web应用更加灵活高效,满足复杂多变的业务需求。通过动态加载JavaScript,应用能够仅加载必要的...

    javascript动态加载实现方法一.docx

    JavaScript 动态加载是一种优化网页性能和管理大量脚本的方法,它允许我们在需要时才加载特定的 JavaScript 文件,而不是一次性在页面加载时全部加载。这有助于减少初始页面加载时间,提高用户体验,特别是在处理...

    动态加载外部JS文件

    动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...

    如何动态加载外部Javascript文件

    动态加载外部JavaScript文件是一种常用的技术手段,它允许在不重新加载整个页面的情况下,动态地将JavaScript文件添加到网页中。这对于提高页面加载速度、按需加载资源、减少初始加载时间等方面非常有效。 在介绍...

    JSLoader:用于动态加载 javascript 和 CSS 的 Javascript 库

    **JSLoader: 动态加载JavaScript与CSS的JavaScript库** JSLoader是一款强大的JavaScript库,它的主要功能是实现在网页运行时动态地加载JavaScript和CSS资源。这种能力在现代Web开发中至关重要,因为优化页面加载...

    使用jquery动态加载javascript以减少服务器压力

    为了解决这个问题,一种有效的策略是动态加载JavaScript,即只在需要时才加载相应的脚本。这样做可以显著减少初始页面加载的时间,提升用户体验,并减轻服务器的负担。 jQuery库提供了一个方便的函数——`$....

    非阻塞动态加载javascript广告实现代码

    通过在HTML文档的头部加载JavaScript文件,当浏览器解析到脚本文件时,就会暂停其他资源的加载,如果将广告加载放在页面底部或通过JavaScript动态加载,可以避免阻塞,让网页更快显示内容。 3. 实现非阻塞动态加载...

    javascript、css动态加载工具

    javascript、css动态加载工具

    domino xpages js动态加载

    在IT行业中,JavaScript是一种广泛使用的开发语言,尤其在前端开发领域。...通过合理地使用`<xp:scriptBlock>`、Ajax请求以及模块加载机制,开发者可以在XPages应用中实现高效且响应式的JavaScript动态加载。

    Bootstrap treeview实现动态加载数据并添加快捷搜索功能

    Bootstrap Treeview 实现动态加载数据并添加快捷搜索功能 Bootstrap Treeview 是一个基于 Bootstrap 的 jQuery 插件,用于显示树形结构数据。该插件支持多级列表树结构,能够以简单和优雅的方式显示继承树结构,如...

Global site tag (gtag.js) - Google Analytics