jquery动态加载页面 load方法 注意事项

• jquery代码

• $("#div").load("test.html"); 

•  

•  

test.html   ----------------被加载页面（有等的完整页面 ）

• 
  

$("#div")所在页面----------------------------容器页面（也是完整页面）

• 1、被加载页面      可以使用     自己页面的CSS样式

• 
  

• 2、被加载页面      可以使用     容器页面的CSS样式，当自己页面css样式和容器页面的CSS样式冲突时，自己页面的css样式起作用！

• 
  

• 3、被加载页面

能使用     自己页面的javascript

• 
  

• 4、被加载页面

能使用     容器页面的javascript，当自己页面javascript和容器页面的javascript冲突时，都起作用，形成“冒泡”；

• 
  

• 5、     容器页面的head里面的   ）     对      被加载页面      无效

• 
  

• 6、 被加载页面的head里面的   ）     对      被加载页面      无效

• 
  

• 
  

• 7、被加载页面的字符编码只能是UTF-8

• jquery代码

• load() 方法允许加载html文档的一部分，语法如下：

• $("#div").load("test.html #content");  

• test.html    #content（中间有一个空格）  ----------------被加载页面的id是content的部分

• 
  

• 加载html文档的一部分的情况有所不同（自己页面的css样式和javascript都丢失，能使用容器页面的css样式和javascript），

• 
  

• 不过都是按照下面做法实现的，可以根据   把html文件加载到容器页面形成的文档情况   而定

• 
  

• w3cshcool说load() 方法是这样实现的：

• jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，

• 
  

• 比如 ,