利用js代码引入其他js文件到页面中

在web开发中我们可能会碰到写很多js文件,例如当我们写了一个a.js文件和一个b.js文件,我们想用a.js中的方法fun_a()去调用b.js里面的fun_b()方法,这个时候我们就会想到在页面要同时把a.js和b.js文件,页面上要引用这两js文件我们就需要写两个的script标签把这两个引用进来,但是我们只想通过一个script标签就把两个文件甚至更多的文件引进来,怎么办呢?
我们可以通过如下的方式来解决:
1.在页面上添加script标签引进a.js

<html>

<head>

</head>

<body>

</body>

</html>

2.在a.js中写如下代码

var js_element=document.createElement("script");
js_element.setAttribute("type","text/javascript");
js_element.setAttribute("src","b.js");
document.getElementsByTagName("head")[0].appendChild(js_element);

function fun_a()
{
fun_b();
}

3.在b.js中写如下代码

function fun_b()
{
window.alert("b.js中的fun_b()");
}

4.把这个三个文件放在同一目录下,点击按钮就会出来如下的执行效果

这证明我们成功的通过a.js引进了b.js

解释一下a.js中的几句代码
var js_element=document.createElement("script");//这句是创建一个script标签
js_element.setAttribute("type","text/javascript");//脚本用的是javascript
js_element.setAttribute("src","b.js");//script标签中引进b.js文件
document.getElementsByTagName("head")[0].appendChild(js_element);//把script标签加入到<head></head>中

转载于:https://www.cnblogs.com/coldfishing/archive/2009/04/10/1433001.html

利用js代码引入其他js文件到页面中相关推荐

php引入外部js,vue.js怎么引入外部js,vue引入第三方js库
vue.js怎么引入外部js·怎么介绍外部js,在vue.js中引入外部js的方法如下:1.使用外部文件[config.js],代码为[函数格式XML(text){ return text }]:2. ...
如何保护前端JS代码？前端js代码加密
Web前端JS代码需要保护吗? 这得具体情况具体分析. 1.如果只是写一段web页面图片轮播,或是跑马灯效果等等之类简单的功能.那不需要保护. 2.如果是精心设计一个绚丽的特效,如果想要保护这段自己付 ...
删除顽固文件的执行代码,删除rhsa属性文件,删除服务器中黑客留下...
删除顽固文件的执行代码,删除rhsa属性文件,删除服务器中黑客留下的畸形文件文件有时候服务器的网站空间被黑客入侵,上传了删除不了的文件,我们可以用bat代码来执行删除. DEL /F /A /Q ...
php怎么引入外部css文件,js如何引入css外部文件
js引入css外部文件的方法:写成自定义函数,url为文件路径,供以后的元素调用,代码为[var script = document.createElement('script')].4o5少儿编程网 ...
【转】Vue.js入门教程（二）在页面中引入vue的方式
第二章:安装和基础效果展示页面中引入vue 因为我们的目标是在最短的时间之内学会vue的使用方法,所以我们不一定需要通过npm工程化进行安装,你直接用script在页面中引用也完全没有问题. 第一种 ...
疑问 jsp里边写的js和引入的js有差别
在写一个页面的时候由于页面中的js过多就想单独抽出一个js文件燃火让js引入这个js 但是操作之后,发现页面的数据无法加载了.后来把js又重新放入到jsp中就好了感觉好梦幻
Smarty中直接加JS代码和将JS代码写在literal标签里
采用Smarty模板的html怎么加入JS代码呢? 如果按一般平常添加方法,会出错 .因为 Smarty会将"{}"解析为自己的方法,和js中的"{}"会冲突. ...
html 登录界面js代码,详解JS实现系统登录页的登录和验证
这篇文章用JS显示表单的登录以及验证和对键盘的监听,这里有两种方法,一种是无需用户验证直接登录,一种是需要账户密码匹配才可登录. 1. html代码登录 2.CSS样式 .content{ pad ...
格式化JS代码，调试JS代码
1,格式化混淆后的代码 2,调试JS代码在chrome 浏览器的地址栏中输入:chrome://inspect/#devices

利用js代码引入其他js文件到页面中

利用js代码引入其他js文件到页面中相关推荐

最新文章

热门文章