load()方法---------jQuery动态加载html

我的个人德州扑克项目https://github.com/mingzijian/pokers，欢迎给星星。

jquery代码

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

test.html ----------------被加载页面（有<HTML><HEAD><META><BODY>等的完整页面）
$("#div")所在页面----------------------------容器页面（也是完整页面）

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

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

3、被加载页面

能使用自己页面的javascript

4、被加载页面

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

5、容器页面的head里面的 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ）对被加载页面无效

6、被加载页面的head里面的 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ）对被加载页面无效

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 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，

比如 <html>, <title> 或 <head> 元素。结果是，由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。

注释：由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。

posted @ 2017-01-05 10:31 然然1907 阅读(19594) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

技术咨询加微dreamingmymoon 提供项目外包，付费咨询等服务

昵称：然然1907
园龄： 9年2个月
粉丝： 15
关注： 36

2025年3月

日

一

二

三

四

五

六

李潇然