Extjs3.4 获取iframe中连接的子页面中的store 急急急!!!!

Extjs3.4 获取iframe中连接的子页面中的store 急急急!!!!,第1张

首先假设父子页面的html代码如下:

PageParenthtml

<html>

 <head>

  <title> 父页面 </title>

 </head>

 <body>

 <div id="divParent">我们在下面嵌入一个IFrame指向PageSonhtml:</div>

 <iframe id='IF_ID_NEED' src="PageSonhtml" width="300" height="200" scrolling="no" frameborder="1"></iframe>

 <div>

 <input type="button" value="Input" onclick="alert(documentgetElementById('IF_ID_NEED')contentWindowdivSonvalue);">

 <input type="button" value="Script" onclick="documentgetElementById('IF_ID_NEED')contentWindowsayHello('Script!');">

 </div>

 </body>

</html>

PageSonhtml

<html>

 <head>

  <title> 子页面 </title>

  <script type="text/javascript">

  function sayHello(name){

  alert('Hello '+name);

  }

 </script>

 </head>

 <body>

 这是子页面:

 <input id="divSon" value="子页面Input元素!"/>

 <input type="button" value="Access DIV" onclick="alert(windowparentdocumentgetElementById('divParent')innerHTML);">

 </body>

</html>

简单而言,就是:

从父页面访问子页面的DOM或者JavaScript

alert(documentgetElementById('IF_ID_NEED')contentWindowdivSonvalue);

documentgetElementById('IF_ID_NEED')contentWindowsayHello('Script!');

从子页面访问父页面DOM的情况

alert(windowparentdocumentgetElementById('divParent')innerHTML);

运行此示例可能会碰到same-origin policy即所谓同源禁止跨域问题,解决:

Firefox目前版本支持对file:协议实现同源访问

谷歌浏览器截至版本 280150095 m还不允许,不过可以加参数启动chromeexe --disable-web-security

当然示例如果运行在localhost或者127001的网页服务器模式下自然就没有跨域一说了

那么你的问题就显而易见了:

store: windowparentstore//该store怎样从ajsp页面中获取

在iframe子页面获取父页面元素 代码如下: 代码如下: $('#objld', parentdocument); 在父页面获取iframe子页面的元素 代码如下: 代码如下: $("#objid", documentiframes('iframe')document) 或 代码如下: $(documentgetElementById('ifram

1、首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置。

2、然后在前台界面的某个位置,增加一个点击事件onclick。

3、然后点击事件,总要对应的设置一个事件方法。

4、然后在方法内增加iframe的重载url,重新给src赋值。

5、最后运行html界面,点击前台的按钮,触发刷新iframe的方法,就完成了。

同域或跨子域读写 *** 作 iframe 里的内容

父页面读写 *** 作子页面:

HTML code<iframe id="test-iframe" name="test-iframe" src="childhtml" scrolling="no" frameborder="0"></iframe>

<script>

windowonload = function () {

/

下面两种获取节点内容的方式都可以。

由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的

windowframes["iframe Name"] or windowframes[index]

/

var d = windowframes["test-iframe"]document;

dgetElementsByTagName('h1')[0]innerHTML = 'pp';

alert(dgetElementsByTagName('h1')[0]firstChilddata);

}

</script>

1获取父页面的一个span的内容

2如果需要获取的元素和当前iframe还隔着好几个iframe可以用

可以看出来 parent 是获取上一层窗体的内容 而 top 是获取顶层窗口的内容

下边摘抄自网页

浏览器有同源策略的限制,跨域是无法做到的。之前我们有个项目的经理出提出过这个需求,但后来还是放弃了。

因为,你可以换另一个角度来思考,如果可以让javascript跨域读取iframe内容的话,会造成很严重的安全问题。比如我可以在我的页面中套一个iframe,内嵌你的微博、京东等账号,然后用javascript读取你的用户信息、甚至是敏感的安全信息,多可怕。

以上就是关于Extjs3.4 获取iframe中连接的子页面中的store 急急急!!!!全部的内容,包括:Extjs3.4 获取iframe中连接的子页面中的store 急急急!!!!、javaweb 在页面中使用iframe嵌套一个子页面,那子页面怎么获取Servlet转发到父页面时request中的参数呢、如何在子页面得到其所在的iframe等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9748455.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存