判断IFRAME是否全部载入完成。调用iframe中的控件出现:错误:拒绝访问,代码:0 。Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

最新推荐文章于 2024-06-25 22:12:59 发布

hljqfl

最新推荐文章于 2024-06-25 22:12:59 发布

阅读量1k

点赞数

分类专栏： JS-CSS

本文链接：https://blog.csdn.net/hljqfl/article/details/86370095

版权

JS-CSS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

判断IFRAME是否全部载入完成

<html>

<body>

</body>

infot(1);
function infot(j)
{
if (document.getElementById('info').innerHTML=="加载完成!");
//    { b_click();}
else
     {
      j++;
      document.getElementById('info').innerHTML="正在加载....."+j+"秒";
      setTimeout("infot("+j+")",1000);

     }
}
//

</script>
</html>

=====================================================================================

调用iframe中的控件出现:错误:拒绝访问,代码:0

//服务器地址 var webroot = "http://192.168.1.123:8080/tpccalendar/";//web.xml配置的servletvar service_pattern = "events_service";

这是我的局域网ip地址

我自己测试时为localhost:8080....

而是用firefox和chrome就没有此问题

后来发现在我机器上输入<span style="white-space: pre;">192.168.1.123:8080就不会有问题...</span>
也就是换成IP:8080解决问题

总结原因为

<span style="color: #ff0000;">ie的安全级别过高</span>

<span style="font-family: arial, sans-serif, helvetica, tahoma; line-height: 18px;">工具--internet选项--安全--自定义级别--其它--通过域访问数据源</span>

设置一下就好了

========================================================================================

s/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

在父窗口中获取iframe中的元素

1、

格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();

实例：window.frames["ifm"].document.getElementById("btnOk").click();

2、

格式：

var obj=document.getElementById("iframe的name").contentWindow;

var ifmObj=obj.document.getElementById("iframe中控件的ID");

ifmObj.click();

实例：

var obj=document.getElementById("ifm").contentWindow;

var ifmObj=obj.document.getElementById("btnOk");

ifmObj.click();

在iframe中获取父窗口的元素

格式：window.parent.document.getElementById("父窗口的元素ID").click();

实例：window.parent.document.getElementById("btnOk").click();

jquery

在父窗口中获取iframe中的元素

1、

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1

2、

格式：$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

实例：$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document).click();

实例：$('#btnOk', parent.document).click();

default.htm==================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

window.οnlοad=function()
{
document.getElementById("btnSet").οnclick=setiframe;
}

function setiframe()

{
if(document.getElementById)
    {
      var source=document.getElementById("source").value;
      var ifms=document.getElementById("ifm").contentWindow;
      ifms.document.getElementById("goal").value="OOOO";
      //ifms.document.getElementById("goal").value=source;

}
}
function c1()
{
alert("lll");
}
</script>

</head>

<body>

源:<input type="text" value="" id="source" name="source" />

<div>

</div>

</body>

</html>

default2.html=======================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>