jquery easyui Panel 属性之href 详解 减少页面js,ID,变量 冲突办法
来源:互联网 发布:郭嘉 知乎 编辑:程序博客网 时间:2024/06/07 17:36
1.jquery easyui Panel 有两个属性都是往面板引入内容的:content和href
2.content 参数是String字符串,对于简单的页面来说,可以用这个。但大多数都在用href这个属性 参数是超链接 Url地址
3.下面就来详细介绍下 easyui Panel中href属性的应用:
当使用href往Panel中引入内容时,与iframe的src引入有很大不同之处!
两者的区别:iframe 经常会遇到跨域的问题,href方式就不会存在这个问题。href引入的效率很高。
iframe 的src 引入的url地址所指的html/jsp ,当引入到主页面时,会把该页面所有内容都引入进来,会造成很多重复引用等。
而href 引入的只是该页面的body内容,body之外的东西是不会引用到的。所以有些同学常常遇到一些问题,说自己的页面引进来
之后js都失效了,原因就是你把js放入到head中或其它地方,放到body中就会生效。
4.但在使用easyui layout 布局,用href引入很多不容的页面时,问题就出现了:
页面加载不出来,或者加载部分,js失效或者冲突!变量冲突!!
造成冲突的原因是什么呢?
原来jquery easyui Panel 的href引入到的内容都默认放在主页面的body中,可以想象id冲突这是多么严重的问题。
5.一个项目比较大时,引入的页面会很多很多,上百个或者上千个页面。这时就需要一个好的规范来对开发人员进行约束。对开发人员的水平要求相对较高一 些。
解决办法:
最好定制一个ID命名规范,js的命名规范,变量的命名规范。
或者使用js对象的方式,每个开发人员对自己负责的模块,使用有自己标记的js对象,对所有的function,变量做一层包装,减少不必要的页面js id 冲突。
- jquery easyui Panel 属性之href 详解 减少页面js,ID,变量 冲突办法
- EasyUI 关于 panel,window,dialog 通过href加载页面,页面中引用的js不执行的解决方案
- easyui中的panel(面板)的属性href的使用
- jquery easyui window href加载页面,子页面JS失效问题
- EasyUi的tab组件href属性链接的页面JS代码无法执行
- 【需求分析】jQuery EasyUI之Panel
- jquery easyui panel move
- 用户界面框架jQuery EasyUI示例大全之Panel
- easyui-tabs的href属性
- jquery easyui日期控件中,在页面里用JS拿到设置的日期值的办法
- easyui 像狗屎一样的框架 layout panel href 重新赋值后,导致页面弹出的对话框可能是之前panel中的对话框内容
- easyui 像狗屎一样的框架 layout panel href 重新赋值后,导致页面弹出的对话框可能是之前panel中的对话框内容
- Jquery EasyUI 各组件属性、事件详解
- Jquery EasyUI 各组件属性、事件详解
- Jquery EasyUI 各组件属性、事件详解
- easyui之panel控件分析
- js dwz框架 多页面id,函数名称冲突问题
- jquery easyui 中tab页添加其他页面,href与content的用法与区别
- 深入理解java虚拟机【Java虚拟机类生命周期】
- MySQL 时间戳(Timestamp)函数
- 计算每个月的天数
- android个人笔记(五)——解析ini文件
- Java开发实用工具及组件应用(JFreeChart、PDF组件-iText、jasper report报表、Maven)
- jquery easyui Panel 属性之href 详解 减少页面js,ID,变量 冲突办法
- 开发笔记之20140115
- java.NIO网络编程很不错的一个例子
- 【cocos2d-x官方文档】Box2D
- Android 键盘事件处理过程
- 【cocos2d-x官方文档】纹理缓存(Texture Cache)
- 成为高手的必经之路——学会调试代码(菜鸟必读)
- /mnt/sdcard或者/sdcard这是Android手机中SD卡的文件夹路径
- Help and support restoring itunes backup SMS