`
yangmeng_3331
  • 浏览: 91736 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

javaScript动态加载js

阅读更多
1.直接document.write
<script language=javascript> 
document.write(<script src='test.js'><\/script>); 
</script>

2.动态改变已有script的src属性
<script src='' id=s1></script> 
<script language=javascript> 
s1.src=test.js 
</script>

3.动态创建script元素
<script> 
var s2 = document.createElement('script'); 
s2.src=test.js 
document.body.insertAdjacentElement(BeforeBegin,s2); 
</script>

<head> 
<script> 
function loadJs(file){ 
var scriptTag = document.getElementById('loadScript'); 
var head = document.getElementsByTagName('head').item(0) 
if(scriptTag) head.removeChild(scriptTag); 
script = document.createElement('script'); 
script.src = file; 
script.type = 'text/javascript'; 
script.id = 'loadScript'; 
head.appendChild(script) 
} 
</script> 
</head> 
<body onload=loadJs('1.js');loadJs('2.js')>
分享到:
评论

相关推荐

    javascript函数动态加载javascript文件

    动态加载JavaScript文件的基本原理是利用`&lt;script&gt;`标签的异步加载特性或者使用`XMLHttpRequest`或`fetch` API来创建HTTP请求获取JS文件。下面我们将深入探讨这两种方法: 1. **使用`&lt;script&gt;`标签**: 在HTML中,...

    动态加载外部JS文件

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

    JavaScript动态加载事件

    实现JavaScript 动态加载事件

    使用javaScript动态加载Js文件和Css文件

    (1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...

    vue动态加载js.zip

    在Vue.js应用开发中,有时候我们可能需要动态加载JavaScript资源,比如某些库或者插件只在特定场景下使用,为了优化性能,不希望一开始就加载。Vue动态加载JS是一种实现这一需求的技术,它允许我们在运行时根据需要...

    javascript控件开发之动态加载

    动态加载作为JavaScript控件开发中的一个重要概念,是提升网页性能和用户体验的关键手段。动态加载意味着控件或资源不是在页面加载时一次性全部加载,而是根据需要按需加载,从而减少了初始页面加载时间,降低了对...

    Javascript动态网页编程源代码

    本资源包含了一系列关于JavaScript动态网页编程的源代码,这些源代码覆盖了多个章节的内容,包括但不限于: 1. **第7章**:通常涉及DOM(Document Object Model)操作,这是JavaScript与HTML页面交互的基础。通过...

    JavaScript动态网页编程

    本压缩包“精通JavaScript动态网页编程(实例版)”包含了深入理解和实践JavaScript编程所需的各种资源,特别是对于想要提升动态网页设计能力的学习者来说,极具价值。 JavaScript的核心知识点包括以下几个方面: ...

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

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

    【JavaScript】vue动态加载JavaScript 高级JavaScript组件

    【JavaScript】vue动态加载JavaScript 高级JavaScript组件 【实例简介】vue动态加载JavaScript 【JavaScript】vue动态加载JavaScript 高级JavaScript组件

    JavaScript动态网页设计经典实例教程

    本教程“JavaScript动态网页设计经典实例教程”旨在通过一系列实用的示例,帮助学习者深入理解和掌握JavaScript在网页设计中的应用。 JavaScript的核心在于其灵活性和交互性,它允许网页对用户的操作做出实时响应,...

    《JavaScript动态网页设计经典实例教程》

    学习如何选择、添加、删除和修改DOM元素是JavaScript动态网页设计的关键。熟悉DOM节点的概念,如元素节点、属性节点和文本节点,以及使用方法如getElementById、getElementsByTagName等,能帮助开发者实现对网页内容...

    JavaScript动态网页开发详解——JavaScript特效

    在“JavaScript动态网页开发详解——JavaScript特效”这一主题中,我们将深入探讨JavaScript如何实现各种炫酷的网页效果。 一、JavaScript基础 在讨论特效之前,我们需要了解JavaScript的基础。JavaScript语法与...

    asp.net动态加载JavaScript树

    ASP.NET动态加载JavaScript树是一种常见的前端交互技术,用于在网页中构建可扩展的、动态的树形结构。这种技术结合了后端ASP.NET的强大处理能力和前端JavaScript的灵活展示,为用户提供了良好的交互体验,尤其适用于...

    动态创建iframe,并动态添加js执行代码

    总结来说,动态创建iframe并动态添加js执行代码是Web开发中的重要技术,它能够帮助我们实现异步加载、跨域通信等功能,但同时也需要注意相关的安全问题。通过熟练掌握这些技术,开发者能够构建更复杂、更灵活的Web...

    JavaScript动态网页编程(实例版)

    ### JavaScript动态网页编程(实例版) #### 知识点概览 1. **JavaScript简介** 2. **动态网页与静态网页的区别** 3. **JavaScript在动态网页中的作用** 4. **DOM操作** 5. **事件处理** 6. **AJAX技术** 7. **...

    Arcgis Javascript API 动态标绘。

    ArcGIS JavaScript API 提供了丰富的地图操作接口和图层管理功能,包括加载地图服务、添加图层、查询数据、编辑要素、标注显示等。通过API,开发者可以轻松地创建出具有交互性的地图应用,将地理信息以图形化的方式...

    javascript添加背景水印

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在前端..."watermark.js"文件提供了这种功能的实现,通过分析和学习这个插件的源代码,我们可以深入理解如何利用JavaScript来动态地创建和管理网页上的背景水印。

    用js实现的动态添加一行

    在这个练习中,可能的场景是用户填写表单,然后使用AJAX发送数据到服务器,服务器返回成功信息后,JavaScript动态添加新的一行到表格。 在实现AJAX请求时,需要进行以下步骤: 1. **创建XMLHttpRequest对象**:这...

Global site tag (gtag.js) - Google Analytics