iframe中访问easyui的jsp页面时,脚本的正确写法
2013-08-11 13:38:51 来源:WEB开发网核心提示: 很多初学Easyui的人都会遇到这样的问题,那就是在页面中采用iframe标签后,iframe中访问easyui的jsp页面时,脚本的正确写法,当直接指定src页面是一个采用了easyui组件的页面,当parent窗口需要访问iframe中的对象时,解决的方法其实很简单,那就是直接让iframe的对象输出一个提示,不
很多初学Easyui的人都会遇到这样的问题,那就是在页面中采用iframe标签后,当直接指定src页面是一个采用了easyui组件的页面,当parent窗口需要访问iframe中的对象时,不应该采用document的访问,而应该访问iframe的对象,这样才能用easyui中的标准api访问对象的属性和方法,具体访问方法如下两种:
1、document.getElementById('ss_frame').contentWindow.$('#dgMANUF').datagrid('getSelected');
2、$.find('iframe')[0].contentWindow.$('#dgMANUF').datagrid('getSelected');
请不要使用$('#ss_frame').contentWindow.$('#dgMANUF').datagrid('getSelected');这样的代码,因为在JQuery中无法正确返回对象,系统会提示“无法获取属性“nodeName”的值: 对象为 null 或未定义 Error”之类的错误。
访问对象的问题解决以后就会带来另外一个问题,iframe的刷新问题,因为可能大家会采用动态页面,我们看到很多解决方案说只要将对象的src修改就可以正确显示,但是我们发现系统会有一个延迟,而这对于脚本客户端会有致命的错误。解决的方法其实很简单,那就是直接让iframe的对象输出一个提示,直到页面加载完毕。具体解决代码如下:
document.getElementById('ss_frame').contentWindow.document.write('loading...');
- ››iframe中访问easyui的jsp页面时,脚本的正确写法
- ››iframe的自适应高度及iframe中含有页签的高度动态...
- ››iframe嵌入父页面访问子页的方法
- ››iframe在ie9 ie8 ie7 ie6 360 firefox中自适应高度...
- ››iframe应用技巧:保留垂直滚动条去掉水平滚动条
- ››iframe框架流量分析:框架流量的应用
- ››iframe加载完成后操作contentDocument
- ››访问频率监测有助数据库管理
- ››访问控制大师,使用pam来支持login的访问控制
- ››访问Windows 2008共享资源出错解决方法
- ››访问 IBM 数据库服务器的新方式 —— 构建 Web 服...
- ››访问控制:理解 Windows 文件和注册表权限
更多精彩
赞助商链接