我有一个可以打电话的页面parent.php.在这个页面中,我有iframe一个提交表单,除此之外,我有一个id为"target"的div.是否可以在iframe中提交表单,并在成功时刷新目标div.说加载一个新的页面或什么?
编辑:目标div位于父页面中,所以我的问题基本上是你可以在iframe之外为父节点做一个jQuery调用.那看起来怎么样?
编辑2:这就是我的jquery代码现在的样子.它位于iframe页面中.div #target位于parent.php中
$(;"form[name=my_form]").submit(function(e){
e.preventDefault;
window.parent.document.getElementById('#target');
$("#target").load("mypage.php", function() {
$('form[name=my_form]').submit();
});
})
Run Code Online (Sandbox Code Playgroud)
我不知道脚本是否处于活动状态,因为表单成功提交但目标没有任何反应.
编辑3:
现在我正在尝试从iframe中的链接调用父页面.那里也没有成功:
<a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a>
Run Code Online (Sandbox Code Playgroud) 我正在尝试获取iframe的文档对象,但我用Google搜索的示例似乎都没有帮助.我的代码看起来像这样:
<html>
<head>
<script>
function myFunc(){
alert("I'm getting this far");
var doc=document.getElementById("frame").document;
alert("document is undefined: "+doc);
}
</script>
</head>
<body>
<iframe src="http://www.google.com/ncr" id="frame" width="100%" height="100%" onload="myFync()"></iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我已经测试过我能够获取iframe对象,但是.document不起作用,.contentDocument和我认为我也测试了其他一些选项,但是所有这些都返回undefined,即使是应该的示例已经工作,但他们不适合我.所以我已经有了iframe对象,现在我想要的只是它的文档对象.我在Firefox和Chrome上测试过这一点无济于事.
比方说我有一个名为example.com的网站,iframe嵌入了iframe.net域,现在我想读取iframe的内容并传递一些参数来显示文本消息.喜欢你用户名.
现在问题是这个无法在两者之间建立连接,甚至无法获得我使用的iframe的innerHTML
document.getElementById('myframe').contentWindow.document.body.innerHTML;
Run Code Online (Sandbox Code Playgroud)
它抛出错误"权限被拒绝访问属性"
有谁知道如何在跨域平台上读写
我需要自动化一个使用iframe嵌入子表单的Web表单,这些表单可以被视为单独的html页面.
因此,您将获得一个父文档,其中包含他们称为iframe视图字段的内容.在iframe中是"子"嵌入式网页.
一个简单的例子:
我已经从html中删除了很多,以将其缩小到合理的大小
<html>
<body>
<div id="123" arid=123 artype="View" ardbn="vfMyChild"
class="arfid123 ardbnvfMyChild"
STYLE="top:49 left:75 width:1038 height:322" arvfframe="<iframe style="top:0 left:0 width:1038; height:322" name="VF123" title="View Field" src="javascript:&quot;&lt;HTML&gt;&lt;/HTML&gt;&quot;" >
</iframe>">
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
那么嵌入式子html可能很简单:
<html>
<body>
<div id="321" arid=321 artype="Char" ardbn="txtRegister">
<label id="label321" class="label f6">Register:</label>
<textarea id="arid_321" cols="20" maxlen=255 rows=1></textarea>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
STYLE中包含的html看起来有点奇怪 - 不知道为什么会这样.但我可以看到它有点像iframe.
我有一个顶级文档对象的实例,我有一个id = 123的div实例.我需要自动化孩子中的textarea对象.我尝试了以下哪些不起作用.
var viewfields; //is a ref to the div with id=123
if(viewfields) {
window.alert("viewfields.length=" + viewfields.length); //prints len=1 as expected
// line below get …Run Code Online (Sandbox Code Playgroud)