动态加载JavaScript的小实践
作者：秦歌 来源：随网之舞 发布时间：2009-11-12 12:38:00
动态加载JavaScript文件和CSS资源为Web前端开发提供了巨大的灵活性，同时也实现了lazy load和按需加载，相比XMLHttpRequest而言其没有跨域的限制使其广泛应用。其基本原理是：在页面DOMReady后，利用JavaScript把指定文件路径的script和link元素插入到页面中，然后判断其加载状态再进行继续操作。
YUI的Get就专门提供了一套动态加载的机制，是YUI最基础的功能之一。在YUI中利用Get加载JavaScript和CSS资源会在HTML的head节点中插入如下代码：
<script id="..." type="text/javascript" src="some.js"></script>
<link id="..." type="text/css" rel="stylesheet" href="some.css">
当页面编码和JavaScript或CSS资源编码不一致时，常见的方法是通过charset属性声明其编码，比如页面是gb2312，而资源文件为utf-8，则设置编码后其插入的代码是
<script id="..." type="text/javascript" src="some.js" charset="utf-8"></script>
<link id="..." type="text/css" rel="stylesheet" href="some.css" charset="utf-8">
然而，在IE的一些特殊情况下加载JavaScript时，当你刷新页面时会看到状态栏上有如下的错误提示：
当你通过随机参数让JavaScript文件不缓存时，或者让script元素中的charset属性位于src属性之前（比如利用YUI2.8.0之前版本加载）就不会有这个错误提示。所以，这个问题可能是IE的缓存解码机制的bug，也可以看着是YUI的bug（已经提交给YUI开发团队，将在3.1.0中解决）。
因此，动态添加script或CSS资源时，把charset放在资源路径前面是最佳实践。对于YUI，暂时可以这样修改源码来修复。
0
投稿猜你喜欢
PNG格式以支持透明和无损，且相对大小适中，已成为现在网页中图片运用的主流。有些时候我们在制作网页时使用PNG格式图片，用IE浏览器查看却无- 好了，下面我们看看如何在服务器上生成.m3u文件并下传到客户端的：<％dim choose,path,mydb,myset,
- 1、为什么淘宝的手机频道页面，竟然会有笔记本、数码相机、随身听，甚至是游戏之类的栏目，而且还有一个“数码·生活”栏目是包括以上这些设备的综合
- 今天在看罗素的《西方哲学史》时，忽然想到了这个想法，我认为可以从另外一个角度来看“用户体验“的影响因素。上面这个图是我今天思考的一部分，这是
- 打开网页，然后将javascript:document.body.contentEditable='true';
- 上传问题可以说是网络编程中经常遇到的，也是一个很重要的问题，我们不仅要实现上传文件，图片等基本功能，还有考虑到上传程序的安全性，本文介绍了一
- CSS换肤技术一直是一个比较热门的话题，通过给HTML文档不同的CSS样式应用，实现完全不同或风格迥异的页面效果。这样的技术一直为大家所津津
- 为了顺利的开发一个多语言的国际化J2EE程序，需要修改数据库字符集，我的做法如下：安装 MySq时选择字符集为UTF-8修改MySql安装目
- 如何在页面错误时向数据库中添加记录？在ASP中，我在页面中添加了On Error Resume Next错误命令，以消除和避免程序错误。现在
- 1 The syntax of the SQL statement is verified.SQL的语法检查2 The data dicti
- 就算我们每天在叫嚷着创新经济，设计救国，我们在生活中也无处不在的看到各种设计庸俗、制作粗劣的海报、店面、户外广告、大胸美女和肌肉 * 交相辉映
- 毫无疑问，这个世界设计无处不在，优美的设计会得到会心的微笑和由衷的赞赏。然而，想从事设计或在设计边缘的人们未必有机会学习专业的设计。实际上，
- CSS如何做细线表格？天天用Div，倒把CSS表格细线这个最基础的应用忘了。table { border-collapse:&nb
- 不能将 SQL Server 2000 日志传送配置升级到 SQL Server 2008。数据库维护计划向导是 SQL Server 20
- 不论你做什么样的设计，色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息，这些信息会影响观看者的心理和感受，左右他们的判断和
- 在记忆里，关于时间方面常的SQL也就下面这两个了，大多数朋友问题中所涉及到的数据库都ACCESS的，在些，也就写出这两SQL了。年代久远，目
- innerHTML,outerHTML innerHTML检索或设置标签内的内容；outerHTML检索或设置整个标签的内容（包含标签）。&
- 求英文字母、数字、下划线、汉字的js正则表达式英文字母或数字或下划线，英文字母数字下划线是：/^\w+$/汉字的是：/^[\u0391-\u
- MySQL存储过程SAVEPOINT ROLLBACK to示例如下：DELIMITER $$DROP PROCEDURE IF EXIST
- MySQL是一个非常流行的小型关 系型数据库管理系统，2008年1月16号被Sun公司收购。目前MySQL被广泛地应用在Internet上的
