Extjs4使用iframe注意事项

"video" : { render : function(panel, eOpts) { // 因为iframe在video // panel渲染的时候就已经完全移动到video中了,所以document中就不再有iframe这个元素了 // video关闭的时候也会自动把panel中的所有元素销毁,所以如果我们还想使用iframe元素,只有再重新手动创建并添加到body中 var container = Ext.getBody(); var eleMessage = ' <i…

HTML基础和标签

HTML 1.属性在开始标签中写的键值对 2.颜色 ①英文 ②16进制代码例如: #cccccc #ccc (缩写) #000000 ③Rgba(0~255,255,255,0~1) 0~1代表透明度路径 1.绝对路径从根开始找 E:\........\........\........\.......\........\wjj\aa.html 2.相对路径从自身位置开始找例如自身叫index.html Wjj\aa.html ./ 同级文件夹可省略 ../ 上级文件…

拥有iframe页面的子父类窗口调用JS的方法，并且注意的事项

一.前言我页面用的是EasyUI的弹出窗口里面嵌入一个iframe.第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面:第二:父窗口打开一个设置用户权限的iframe子窗口,首先打开这个子窗口会全部加载数据库表中所有的存在的权限,然后子窗口需要把加载的权限信息拼接html Append到一个ID为<table id="tb"></…

js之iframe子页面与父页面通信

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.w…

Extjs4 -- Ext.loader命名空间的配置

初次使用extjs4的版本,在配置学习Ext.Loader()进行js文件的动态加载机制,由于各种原因导致多次失败,纠结2天,现将解决时出现的问题及需要注意事项进行记录开发环境myeclipse8.5,tomcat6.目录结构:WebRoot-->02(文件夹) -->createWindow.js -->createWindow.html -->ux(文件夹) -->window.js createWindow.html中,引入ext环境文件(ext…

iframe 使用

iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信父页面 parent.html <html> <head> <script type="text/javascript"> function say() { alert("parent.html------&g…

iframe子页面与父页面通信

同域下父子页面的通信父页面: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function say(){ alert("调用父页面方法成功"); } function…

Extjs4.2纯前台导出Excel总结

前段时间做了两个项目,用到了Extjs4.2纯前台导出Excel,遇到很多的问题,从网上也找了很多资料,在这里总结一下,做一个记录: 使用方法: 1.下载extexcel文件包,这里可以下载http://download.csdn.net/detail/cui198711/8244017 (设置积分实属无奈:因自己太懒,csdn已没有积分了-.-!) 2.将该包导出项目中(不要随意改变包中的目录结构) 3.在需要导出数据的gridpanel下的dockedItems中引用Button即可,如 d…

ExtJS4.2学习(21)动态菜单与表格数据展示操作总结篇2

运行效果: 此文介绍了根据操作左侧菜单在右面板展示相应内容. 一.主页先看一下跳转主页的方式:由在webapp根目录下的index.jsp跳转至demo的index.jsp 下面是demo的index.jsp的代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% response.setHeade…

jquery操作iframe中的js函数

关键字:jquery操作iframe中的js函数 1.jquery操作iframe中的元素(2种方式) var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某…

对ExtJS4应用性能优化的几点建议

ExtJS由于UI设计过去强悍,导致性能问题一直被大家诟病,不过到ExtJS4.1之后,性能问题相比以前的版本已有所改善,下面是官方文档给出的优化建议,李坏在此做个小小的总结,仅供大家参考. (1)合理设置监听事件事件监听是我们在性能优化时需要非常注意的一个部分.比如:数据集store的load事件,正常情况下,我们只需要在第一次加载数据的时候发起请求.获取数据:但是,如果我们监听设置不合理,可能会导致,当我们每次查看该页面的时候,都会触发load事件,加载同样的数据,如果数据量特别大,无疑给…

Extjs4.1.x使用Application动态按需加载MVC各模块

我们知道Extjs4之后提出了MVC模块开发,将以前肥厚的js文件拆分成小的js模块[model\view\controller\store\form\data等],通过controller拼接黏合,提高了js代码的重用性,可阅读性,更加适合团队的开发. js采用mvc后必定会带来一个问题,如何高效的加载各个js小文件?(源码) 官方的例子是统一采用了一个Ext.Application入口: Ext.application({ name: 'WMS', appFolder: 'ExtJs/App…

Extjs4学习

1 Ext js初步 1.1 获取Extjs 下载extjs: 可以从http://extjs.org.cn/ 获得需要的extjs发布包及更多支持. 1.2 搭建学习环境: 假设您的机器已经安装myeclipse和tomcat,如果没有请参阅其他相关资料. myeclipse建立新Web project项目Extjs4 并且将extjs4.0.7压缩包解压后的全部文件复制到项目的Webroot目录下 Examples目录为ext官方提供的例子程序,其中可能包涵php的代码,错误信息可以暂时不理…

ExtJS4.2.1

ExtJS4.2.1 1. 介绍 1.1 说明 ExtJS是一个用javascript.CSS和HTML等技术实现的主要用于创建RIA即富客户端,且与后台技术无关的前端Ajax框架. 常用于企业内部管理系统.行政系统等SAP类型的应用. 1.2 特点 1) 提供了非常多的丰富.功能强大的组件. 2) 面向组化件开发,区别于jQuery的面向Dom开发. 3) 跨浏览器支持:IE.Chrome.Firefox.Safari.Opera. 4) 框架体积庞大,适合编写内网项目.(ExtJS4.2.1…

iframe参数

iframe参数: <iframe src="test.jsp" width="100″ height="50″ frameborder="no" border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes"></iframe> <iframe…

iframe的各项參数

iframe的各项參数: <iframe src="test.jsp" width="100″ height="50″ frameborder="no" border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes"></iframe> <ifra…

iframe标签使用总结与注意问题

子页面访问父父页面变量,函数,页面元素 //变量: //在父页面中需定义为全局变量 //子页面中调用 var childFrameVar= parent.ParentVarName; //函数: parent.ParentMethodName(); //页面元素: //通过获取document对象,来对页面元素进行操作 parent.document parent.window.document 父页面访问子页面函数,页面元素 //函数 //做出以下尝试,但alert出来的信息均为undefin…

修改document.domain的注意事项（转）

有时候,需要修改document.domain. 典型的情形:http://a.xxx.com/A.htm 的主页面有一个<iframe src="http://b.xxx.com/B.htm"></iframe>,两个页面的js如何进行交互? 实现跨域交互的方式有很多,其中这种跨子域的交互,最简单方式就是通过设置document.domain:只需要在A.htm与B.htm里都加上这一句document.domain = 'xxx.com',两个页面就有了互信…

HTML5 window/iframe跨域传递消息 API

原文地址:HTML5′s window.postMessage API 在线示例:Using HTML5's window.postMessage(请打开控制台看日志) 原文日期: 2010年09月03日翻译日期: 2013年08月24日我写了一个 MooTools 的插件"PostMessager"来封装window.postMessage,你可以点击这里下载! HTML5 的 window.postMessage 接口API 还没有多少人了解. window.postMes…

关于Selenium3+python3.6自动化测试中iframe切换

本篇内容主要表述以下几个问题: 1.iframe 这个是什么? 2.定位iframe 标签时遇到的几个报错总结. 3.显示等待与隐示等待的原理与优缺点. 4.无name,ID可变情况下的处理方式 5.frame标签中嵌套iframe标签时的处理思路最开始根本没想到这个事情,就按照正常的方式操作,结果,,,这都是什么鬼.怎么都定位不到这个元素,不能进行下一步. 后来了解了一下,原来是iframe这个鬼东西在捣乱. 一.先说一下这个是什么东西 . firame: Iframe标记又叫浮动帧标记,可…

jQuery操作iframe中js函数的方法小结

1.jquery操作iframe中的元素(2种方式) ? 1 2 var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某个元素的id) ? 1 $('#hea…

嵌入式iframe子页面与父页面js通信方式

iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信父页面 Parent.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Parent.aspx.cs" Inherits="…

Extjs4.2x与富文本框编辑器KindEditor的整合

Extjs4本身的HtmlEditor编辑器,太鸡肋了,简单的html能够应付一下,稍加复杂的就无能为力了. 对于Extjs的HtmlEditor扩展主要有三个方向,一个是扩展其本身的htmlEditor,这个我在2.2的时候,扩展过几个功能,例如图片上传,附件添加等等,效果并不是特别理想http://hi.baidu.com/chinacloud/item/8c078fce9763027fced4f8d7 第二个方法一般初学者都会想到,用iframe内嵌一个编辑页面,这个方式我只想说:别糟蹋E…

selenium+iframe 如何定位元素（实战）

场景: 在同一界面,需定位iframe里面的元素, 就需要切换至Iframe块,然后定位元素,验证完成后,再切换出来. 如果不切换至iframe ,会发现不管采取什么定位,都会报元素不存在.…

richface的配置、用法介绍和注意事项

richface的配置.用法介绍和注意事项一.RichFaces (3.1.x) 技术需求 1.JDK 1.5 或更高版本: 2.支持的 JSF 实现: Sun JSF 1.1 RI - 1.2 MyFaces 1.1.1 - 1.1.5 Facelets JSF 1.1.1 - 1.2 3.支持的应用服务器: Apache Tomcat 4.1 - 6.0 IBM WebSphere 5.1 - 6.0 BEA WebLogic 8.1 - 9.0 Oracle AS/OC4J 10.1.3 …

android chrome iframe设置src属性无法启动app

0x01 Android Intents with Chrome Android有一个很少人知道的特性可以通过web页面发送intent来启动apps.以前通过网页启动app是通过设置iframe的src属性,例如: <iframe src="paulsawesomeapp://page1"> </iframe> 此方法适用version 18或者更早版本.其他android浏览器也适用. 这个功能在安卓chrome 浏览器version 25之后版本发生了改变…

使用jquery操作iframe

1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn")…

iframe 解析

简介:iframe在日常的开发中经常用到,本随笔在参考http://blog.csdn.net/cuew1987/article/details/11265153的情况下,将对iframe的常用用法进行总结. 1.iframe能解决的问题 (1).通过iframe能实现跨域 (2).使用iframe能解决IE6下select遮挡不住的问题 (3).通过iframe能解决Ajax前进后退的问题 (4).通过iframe实现异步上传(Easyui的form组件就是通过iframe,实现表单提交时,可…

js之iframe父、子页面通信

注意事项一 . 页面加载顺序:一般先加载完父页面才会去加载子页面,所以:必须要确保在iframe加载完成后再进行操作,如果iframe还未加载完成就开始调用里面的方法或变量,会产生错误.判断iframe是否加载完成有两种方法: 1. iframe上用onload事件 2. 用document.readyState=="complete"来判断 <iframe name="myFrame" src="2.html"></ifra…

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手感觉不方便所以想双击关闭tab方便些于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效,本人用的是ExtJs4.1.不知道是不是我的问题,可是实在找不出错在哪里.于是自己想了个办法亲测支持ExtJs4.1 可能有点麻烦可是没办法上面那个方法我实在是找不出问题在哪里*///////////////////---下面是网上找的方法本人…

【Extjs4使用iframe注意事项】的更多相关文章