`
yangmeng_3331
  • 浏览: 92153 次
  • 性别: 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 动态加载事件

    vue动态加载js.zip

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

    javascript控件开发之动态加载

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

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

    使用JavaScript动态加载JavaScript文件和CSS文件可以显著提高页面的性能,特别是在初次加载页面时,避免一次性加载过多的资源文件,使得页面加载得更快。 对于JavaScript文件的动态加载,通常会涉及到DOM操作,创建...

    Javascript动态网页编程源代码

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

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

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

    JS动态加载库

    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的灵活展示,为用户提供了良好的交互体验,尤其适用于...

    Arcgis Javascript API 动态标绘。

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

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    javascript添加背景水印

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

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

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

    用js实现的动态添加一行

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

    js 动态加载网页样式

    总结一下,动态加载网页样式是通过JavaScript(尤其是jQuery)来实现实时更改CSS样式,提高用户体验。通过结合`jquery.cookie.js`,我们可以将用户的个性化选择保存在Cookie中,使得刷新页面后仍然能够保持用户定制...

    arcgis api for javascript 实现动态轨迹

    arcgis api for javascript 实现动态轨迹(巡查轨迹)

    javascript实现动态加载CSS.docx

    在Web开发中,动态加载CSS是一项...总之,JavaScript动态加载CSS是一种强大的工具,能够提升Web应用的性能和用户体验。合理利用这项技术,可以实现按需加载、主题切换等功能,同时优化资源管理,减少不必要的网络请求。

Global site tag (gtag.js) - Google Analytics