web前端|js教程
javascript,css
web前端-js教程
这篇文章给大家介绍的内容是关于原生JS如何动态加载JS和CSS文件以及代码脚本,有着一定的参考价值,有需要的朋友可以参考一下。
微信开发开源网站源码,vscode中css插件,ubuntu 硬件检测,tomcat配置防止lm,sqlite3数据表显示,黄山市爬虫工程师招聘网,php 联动 js,微博SEO实验目的,dede建设网站教程,淘宝白色模板lzw
DOM readyState属性共5中状态
小程序 查询源码,ubuntu cd到桌面,不特定 新闻爬虫,php在线客服聊天源码破解版,seo日志报表lzw
uninitialized
:初始状态
织梦商城网站源码,vscode一些属性找不到,ubuntu运行源码,任务管理器 tomcat,qq爬虫 昵称,php日志系统架构,睢宁seo优化需要多少钱lzw
loading
:document加载中
loaded
: document加载完成
interactive
:已加载并可与用户交互,但还需要加载图片等其他资源
complete
:全部资源加载完成
DOM文档加载顺序:
解析HTML结构
加载外部脚本和样式表文件(loading)
解析并执行脚本
DOM树构建完成(readyState:interactive)
加载外部资源文件(图片等)
页面加载完成(readyState:complete)
动态加载公共方法
var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.createElement(script); script.type = ext/javascript; script.src = url; if(typeof callback == function){ script.onload = script.onreadystatechange = function(){if(!this.readyState || this.readyState == loaded || this.readyState == complete){ callback(); script.onload = script.onreadystatechange = null;} } } document.body.appendChild(script); //document.getElementsByTagName(ody)[0].appendChild(script); }, // 行内方式动态加载js代码 loadJSText: function(jsText){ var script = document.createElement(script); script.type = ext/javascript; try { // Firefox,Safari,Chrome,Opera支持 script.appendChild(document.createTextNode(jsText)); } catch(ex){ // IE早期的浏览器,需要使用script的text属性来指定js代码 script.text = jsText; } document.body.appendChild(script); }, // 动态加载外部CSS文件 loadCSS:function(url){ var link = document.createElement(link); link.rel = stylesheet; link.type = ext/css; link.url = url; document.getElementsByTagName(head)[0].appendChild(link); }, // 使用标签包含嵌入式CSS loadCSSText: function(cssText){ var style = document.createElement(style); style.type = ext/css; try{ // Firefox,Safari,Chrome,Opera支持 style.appendChild(document.createTextNode(cssText)); } catch(ex){ // IE早期浏览器,需要使用style元素的styleSheet属性的cssText属性 style.styleSheet.cssText = cssText; } }}
js实现重建二叉树的算法解析
JavaScript中Object.defineProperty()方法的解析