原创

JavaScript 实现动态加载 Js 文件

JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。本文讲述的是在 Js 调用中有时会遇到需要重新加载 Js 文件,实现时不刷新页面,只重新加载 Js 文件。

1.重新加载 Js 文件,每个引入的 Js 文件都可以定义 ID值,具体代码实现如下:

function reloadJs(id,newJs){
var oldJs = document.getElementById(id); 
if(oldJs) oldJs.parentNode.removeChild(oldJs); 
var scriptObj = document.createElement("script"); 
scriptObj.src = newJs; 
scriptObj.type = "text/javascript"; 
scriptObj.id   = id; 
document.getElementsByTagName("head")[0].appendChild(scriptObj);
}

2.使用 Jquery 插件,直接使用getScript() 函数,具体代码如下:

<script type="text/javascript" src="http://www.yoodb.com/front/js/jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
$(function(){
$('#loadbt').click(function(){
$.getScript('../js/center.js',function(){
login();//触发函数
});
});
});
</script> 
</head> 
<body> 
<button type="button" id="loadbt">素文宅</button>
~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信