不使用script导入js文件的几种方法
更新时间：2016年10月27日 22:18:04 投稿：mdxy-dxy
这篇文章主要介绍了不使用script导入js文件的方法,需要的朋友可以参考下
方法一:原生
adc.js内容如下：
var hello = "H9";
html.html
<script>
var s = document.createElement("script");
s.src = "abc.js";
document.head.appendChild(s);
s.addEventListener("load",function(){
// 等待s的load事件加载完响应，防止未加载完就调用出错
console.log(hello);
})
setTimeout(function(){//或者使用定时器保证其载入完后调用（不安全，不如监听事件好）
console.log(hello);
},1000);
// $.getScript("abc.js");
</script>
方法二：jquery.js
$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>
方法三：require.js
require.js分享2.1.1版本，注意是针对大项目使用，一边情况下使用jquery即可。
index.html
<!--设置入口文件main 可以省略js-->
<script data-main="main" src="require.js"></script>
main.js
console.log("你好世界");
require(["js1","js2","js3"],function () {
// 是异步加载导入。js后缀可以省略
console.log("你们加载完了么？");
var total = num1+num2+num3;
console.log(total);
hello1();
hello2();
hello3();
})
使用requireJs可以很方便的导入js文件，但是要注意js文件中变量名方法名冲突的问题。 产生原因：浏览器js文件共用全局作用域，作用域中变量名方法名可能被覆盖
相关文章
这篇文章主要给大家介绍了关于uniapp小程序底部tabbar图标大小设置办法的相关资料,在使用uniapp进行开发时,tabbar是我们使用的很频繁的一个组件,但是在特定的平台会有一些使用上的限制,需要的朋友可以参考下2023-08-08
下面小编就为大家带来一篇js获取Html元素的实际宽度高度的方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了小程序animate动画实现直播间点赞，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
JavaScript的数据类型是非常弱的（不然不会叫它做弱类型语言了）！在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加2016-03-03
这篇文章介绍了用 JavaScript 和 HTML5 Canvas 实现文字黑洞特效的项目,包括项目特征,如黑洞特效、引力效果、文字动画和交互设计,以及技术亮点,还阐述了实现逻辑,涵盖项目结构、文字和黑洞对象的实现、动画循环等,并给出了详细的代码示例和解释2025-03-03
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
这篇文章主要介绍了JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码,引入第三方插件实现页面的抖动、撕裂及图片等效果,需要的朋友可以参考下2015-10-10
Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值，有不了解的朋友可以参考下本文2013-11-11
这篇文章主要介绍了JavaScript数据结构与算法之队列原理与用法,较为详细的说明了队列的概念、原理,并结合实例形式分析了javascript实现与使用队列的相关操作技巧与注意事项,需要的朋友可以参考下2017-11-11
javascript运用中，经常用到的代码，建议每段代码都要看下，注意本文有三页，仔细看玩，逐个研究透彻，那么网页中常见的问题，你也就熟悉掌握了2008-05-05
本篇文章主要给大家讲解了一个用JS写出的谷歌浏览器的怪挂实例，以及给大家分享了其中的代码，有兴趣的朋友学些下。2018-01-01
最新评论