jquery动态加载页面 load方法 注意事项
来源:互联网 发布:淘宝的实名认证在哪里 编辑:程序博客网 时间:2024/06/05 06:08
- 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" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据
0 0
- jquery动态加载页面 load方法 注意事项
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- jQuery的load方法设计动态加载及解决被加载页面js
- 利用Jquery的load函数实现页面的动态加载
- jQuery使用ajax的load()加载页面方法
- Jquery 两种方法load/get加载子页面
- jquery的load方法为元素动态加载内容
- 利用JQuery的load函数动态加载页面 以及jQuery动态加载页面和请求所返回的数据
- Jquery异步加载页面(load)
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- jQuery页面加载方法
- jQuery实现页面滚动时动态加载内容的方法
- jQuery的load方法,可用于单独加载页面中的某个独立模块
- 利用jQuery load 方法加载HTML公共页面,导航菜单自动选中
- Jquery load()方法加载html片段
- unity动态加载场景Resources.Load方法
- jquery load()加载页面无法使用原页面 js
- jquery load加载页面无法使用原页面js
- Python正则表达式指南
- c语言3种链接属性: 外部(external), 内部(internal),无设置(none)
- shell脚本中-n是判断一个变量是否是否有值
- Python异步编程Async/Await
- spring mvc 起步
- jquery动态加载页面 load方法 注意事项
- WPF TabControl 美化
- c++ 知识2
- TextView基本使用以及android坑
- ios 播放系统声音
- [cs229] k-means 图像压缩
- java操作redis3.0集群
- adnroid.appwidget.AppWidgetProvider
- mongoDB——自动分片介绍及简单实现