动态加载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
投稿猜你喜欢
大家好，我是丁小杰！今天和大家分享Pandas中四种有关数据透视的通用函数，在数据处理中遇到这类需求时，能够很好地应对。pandas.mel- 如果您在试图打开一个.MDF数据库文件时，却发现自己没有安装SQL Server数据库，该怎么办呢？这时候，如果恰巧您的机子上装有Visua
- 一、工厂模式（Factory Pattern）工厂模式（Factory Pattern），提供了一种实例化（创建）对象的最佳方式。在工厂模式
- 本文实例为大家分享了js实现微信聊天效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html la
- Expires 属性 Expires 属性指定了在浏览器上缓冲存储的页距过期还有多少时间。如果用户在某个页过期之前又回到此页，就会显示缓冲区
- 在Python中要连接数据库，首先我们得先安装几个重要的东西，主要有： （1）Python-dev包 （2）setupt
- a1="sp2=20;sp1=34;" a2="sp3=2;sp2=3;sp1=4;" 两组字符串数
- 前几天，因为需要实现海外服务端定时停机，涉及到时区的概念。网上搜索了一下，大部分都是谈time.Format中的Layout，非常不成体系，
- 训练用PyTorch编写的LSTM或RNN时，在loss.backward()上报错：RuntimeError: Trying to bac
- 在我们的生活中，只要你睁开眼睛就能看到各种各样的视觉。不同的视觉能给你不同的视觉暗示，同样能给你不同的心理感受。视觉这个话题太泛了，大自然中
- 本文实例讲述了Python基于time模块求程序运行时间的方法。分享给大家供大家参考，具体如下：要记录程序的运行时间可以利用Unix系统中，
- 前记Python新的版本中支持了async/await语法， 很多文章都在说这种语法的实现代码会变得很快， 但是这种快是有场景限制的。这篇文
- 「1. 用type关键字可以定义函数类型，函数类型变量可以作为函数的参数或返回值。」package mainimport
- 学Python之前我们先来几个简单的小游戏练练手，这三个小游戏一个比一个复杂，建议新手慢慢来：1.猜拳import random
- 本文实例为大家分享了opencv实现双边滤波的具体代码，供大家参考，具体内容如下1、2D卷积#!/usr/bin/env python3#
- Oracle分页查询的实例详解1.Oracle分页查询：SELECT * FROM ( SELECT A.*, ROWNUM RN FROM
- 推荐的国内镜像站[ 个人推荐清华大学pypi镜像站(https://mirrors.tuna.tsinghua.edu.cn/help/py
- 因为正则不够完善，所以代码中不能直接出现 <? 和 ?>如果是字符串，可以拆开写 "<" + &quo
- 变量插入字符串的方法Python中的format()函数是一种将变量插入字符串的方法，能够使字符串更易于阅读和理解。它支持许多不同的用法，以
- 一、前言假设现在有一个应用场景，需要对文件系统进行监控，发生变化时产生日志，对新增的文件做一些相应的操作。比如说应用到我们之前的音乐高潮提取
