如何通过javascript在iframe上自动填充数据

您好我想在跨域的iframe中自动填充数据。我有一个代码,但它不起作用。 请帮帮我。</ p>

 &lt;!DOCTYPE HTML PUBLIC“ -  // W3C // DTD HTML 4.01 // EN”“http://www.w3.org/TR  /html4/strict.dtd">
<html lang =“en”&gt;
&lt; head&gt;
&lt; title&gt;&lt; / title&gt;
&lt; meta http-equiv =“Content-Type”content = “text / html; charset = utf-8”&gt;

&lt; script type =“text / javascript”&gt;
function autoFill(){
var f = fm.document.forms [0];
f。 form-control.value ='Zanne';
f.submit();
}
&lt; / script&gt;

&lt; / head&gt;
&lt; body&gt;
&lt; div&gt;
&lt; button type = “button”onclick =“autoFill();”&gt; autoFill&lt; / button&gt;
&lt; / div&gt;
&lt; iframe name =“fm”id =“fm”src =“url.com”width =“100&amp; #37;” height =“100%”&gt;&lt; / iframe&gt;
&lt; / body&gt;
&lt; / html&gt;
</ code> </ pre>

输入填充:</ p>

有任何办法。</ p>
</ div>

展开原文

原文

Hello I want to autofill data in iframe on cross domain.I have a code but it's not working. please help me.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">
function autoFill() {
var f=fm.document.forms[0];
f.form-control.value='Zanne';
f.submit();
}
</script>

</head>
<body>
<div>
<button type="button" onclick="autoFill();">autoFill</button>
</div>
<iframe name="fm" id="fm" src="url.com" width="100&#37;" height="100%"></iframe>
</body>
</html>

the input filled:

Have any way to do this.

dongyiluan1718
dongyiluan1718 你的“合法”用户案例是什么?
大约 4 年之前 回复
dongqiong8021
dongqiong8021 没有办法?
大约 4 年之前 回复
dosrmo0442
dosrmo0442 nope..除非iframe中的文档位于同一域中。谷歌交叉起源脚本。
大约 4 年之前 回复

1个回答



这将是一次CORS违规。</ p>

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS </ p>

这有一些解决方法。 您必须使用postMessage API。 您的父窗口需要将JavaScript事件发送到iFrame,iFrame需要有一个事件监听器并对其作出反应。</ p>

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage < / p>
</ div>

展开原文

原文

This is going to be a CORS violation.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

There are some workarounds to this. You have to use the postMessage API. Your parent window would need to send JavaScript events to the iFrame, which would need to have an event listener and react to it.

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

duaner1634
duaner1634 您不能使用CORS来允许iFrame访问跨域。 它适用于不同的跨域请求
大约 4 年之前 回复
duandunzhuo3234
duandunzhuo3234 如果它在相同的域,协议,端口上,那么你是对的。 然后你会做类似document.frames [0] .forms [0]的事情。
大约 4 年之前 回复
duangengruan2144
duangengruan2144 不,这不是CORS问题。 访问iFrame是一个完全不同的安全问题
大约 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐