大家好，又见面了，我是全栈君。
- 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” 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据
转载于:https://www.cnblogs.com/jndi/p/8387167.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/107724.html原文链接：https://javaforall.net
