100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 四种常用的javascript动态加载方法实现代码总结

四种常用的javascript动态加载方法实现代码总结

时间:2024-03-15 04:41:16

相关推荐

四种常用的javascript动态加载方法实现代码总结

web前端|js教程

javascript,js,加载

web前端-js教程

有时候我们需要动态的加入适合的js,因为有时候不需要将所有的js都加载进来,以来提高效率,下面是4种比较常用的方法

web进销存源码 php,vscode属性如何修改颜色,1060 ubuntu,tomcat热部署jsp,sqlite 搭建,国际化公司网页设计,dedecms 数据库详解,服务器5m 华北bgp,wordpress 淘宝客插件,miui 前端框架,爬虫箱招聘,php实践,嵊州seo,springboot费内存,怎么让标签居中, mvc 发布网站源码,网页设计背景音乐代码, web网页模板下载,织梦后台模板v2,后台物流页面 html,simcms后台管理系统,小偷问题程序lzw

1、直接document.write

网页游戏手机版源码下载,ubuntu主题更换博客,部署tomcat后拒绝连接,鲲哥爬虫,php考试程序 源码,石家庄百度seo优化费用lzw

document.write("");

2、动态改变已有script的src属性

android源码之家,ubuntu安卓php,复刻爬虫饲养盒,php语言和php,深州seo推广lzw

s1.src="test.js"

3、动态创建script元素

var oHead = document.getElementsByTagName(HEAD).item(0); var oScript= document.createElement("script"); oScript.type = "text/javascript"; oScript.src="test.js"; oHead.appendChild( oScript);

这三种方法都是异步执行的

4、原理:用XMLHTTP取得要脚本的内容,再创建 Script 对象。

注意:a.js必须用UTF8编码保存,要不会出错。因为服务器与XML使用UTF8编码传送数据。

主页面代码:

function GetHttpRequest() { if ( window.XMLHttpRequest ) // Gecko return new XMLHttpRequest() ; else if ( window.ActiveXObject ) // IE return new ActiveXObject("MsXml2.XmlHttp") ; } function AjaxPage(sId, url){ var oXmlHttp = GetHttpRequest() ; oXmlHttp.OnReadyStateChange = function() { if ( oXmlHttp.readyState == 4 ) { if ( oXmlHttp.status == 200 || oXmlHttp.status == 304 ) { IncludeJS( sId, url, oXmlHttp.responseText ); } else { alert( XML request error: + oXmlHttp.statusText + ( + oXmlHttp.status + ) ) ; } } } oXmlHttp.open(GET, url, true); oXmlHttp.send(null); } function IncludeJS(sId, fileUrl, source) { if ( ( source != null ) && ( !document.getElementById( sId ) ) ){ var oHead = document.getElementsByTagName(HEAD).item(0); var oScript = document.createElement( "script" ); oScript.language = "javascript"; oScript.type = "text/javascript"; oScript.id = sId; oScript.defer = true; oScript.text = source; oHead.appendChild( oScript ); } } AjaxPage( "scrA", "b.js" ); alert( "主页面动态加载JS脚本。"); alert( "主页面动态加载a.js并取其中的变量:" + str );

现在完成了一个JS脚本的动态加载。

var Rash=true; var msg=""; function norash() { if (confirm("确定要取消吗")) Rash=false; } function rashit() { setInterval(getrss(),Inttime); } function getrss() { if (Rash==true) { head=document.getElementsByTagName(head).item(0); script=document.createElement(script); script.src=INCLUDE/AutoUpdate.asp; script.type= ext/javascript; script.defer=true; void(head.appendChild(script)); window.status=msg; } } rashit();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。