js如何动态的加载js文件
在这个地方我说的动态的加载js文件是通过调用函数来加载js文件,我们在这个地方通过一个简单的小例子来实现
首先创建3个文件分别为:test1.html,test1.js,demo.js
test1.js文件中的内容为:
function loadDemo() {var iHead=document.getElementsByTagName("head").item(0);//这一步可以认为是获取到元素 var iScript=document.createElement("script"); iScript.type="text/javascript"; iScript.src="demo.js"; iHead.appendChild(iScript); }
demo.js文件中的内容为:
function func() {alert("demo"); }
test1.html文件中内容为:
<script type="text/javascript" src="demo.js"></script>
而是调用函数loadDemo,实现对demo.js文件的加载
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="test.js"></script> <script> window.onload=function(){loadDemo(); }</script> </head> <body> <button οnclick="func()">点击我</button> </body> </html>
其实上面就是在html文件中动态的加载js文件的一个实现,我们加载demo.js文件并没有用到
js如何动态的加载js文件相关推荐
- 使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子政务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
- js在html之前加载,js加载前显示loading(页面加载前)
工作中遇到,需要加loading.1.用jquery的load方法读取页面,页面读取完成前显示loading.2.首页js等加载过慢,页面加载完成前显示loading. (1).jquery .loa ...
- javascript中动态加载js、vbs脚本或者css样式表
目录:DynamicLoad类简介.属性.方法.事件.示例.下载. DynamicLoad类简介 本文将为您介绍一个在javascript中可以动态加载js.vbs脚本和css样式表的DynamicL ...
- php动态加载js,动态加载script文件的两种方法_javascript技巧
动态加载script到页面大约有俩方法 第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码.第二种是,动态创建一个script标签,设置其s ...
- ExtJS4.x动态加载js文件
动态加载js文件是ext4.x的一个新特性,可以有效的减少浏览器的压力,提高渲染速度.如动态加载自定义组件 1.在js/extjs/ux目录下,建立自定义组件的js文件. 2.编写MyWindow.j ...
- js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)
var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.c ...
- web页面优化之动态加载js和文件
关于按需加载js,从而提高页面加载性能: 以京东商品详情页面为例: 首次打开时,会加载一部分js,当下拉滚动条时,会促发事件,从而以jsponp形式异步加载一些js文件,如评论调用的js文件: htt ...
- JavaScript动态加载js文件
/********************************************************************** JavaScript动态加载js文件* 说明:* 之前没 ...
- JavaScript 之 动态加载JS代码或JS文件
2.动态加载JS文件 <script type="text/javascript"> function loadScript(url, callback) { var ...
最新文章
- unity天空盒渐变_CodeGo.netgt;如何使Unity中的径向渐变天空盒?
- 森林病虫防治系统 (十一)
- Tomcat下使用Druid配置JNDI数据源
- 从零开始学习docker(十五)Swarm mode 介绍
- c语言中foreach的用法,详解JavaScript中的forEach()方法的使用
- zabbix agent类型的所有key 值
- visual studio 11开发Win8模板
- bootstrap 文字不换行
- mysql sql security_MySQL笔记-definer与SQL SECURITY
- 优化后亲测可用!免费下载QQ音乐大部分资源
- SVG 绘制可交互的中国地图
- Linux misc设备(二)蜂鸣器驱动
- 实现基于D3.js的图形动态变化
- WPS在引用中制作目录
- 解决document.form.submit()对象不支持此属性或方法
- 用户体验研究小结—以微信读书APP为例
- 广告营销核心干货——《我的营销心得》读书笔记2900字
- 滴滴数据仓库指标体系建设实践
- MT6753芯片处理器资料介绍
- 坚持就是胜利,坚持就是升华