鍍金池/ 問答/HTML5  HTML/ 能否通過js向iframe里的input填充指定內(nèi)容?

能否通過js向iframe里的input填充指定內(nèi)容?

可以直接查看
或者

<input type="value" />
<button onclick="getValue()">獲取</button>
<br/>
<div style="margin-top: 20px">↓iframe</div>
<iframe src="http://www.baidu.com" class="sppro_cboxIframe" width="1300" height="400" />

點(diǎn)擊填充，將上面的123 填充到 iframe里的指定value中

clipboard.png

可以實(shí)現(xiàn)嗎？ 跨域不跨域均可，主要是沒思路。

回答
編輯回答
青裙

提供一種思路吧，可以直接通過dom修改，比如：

window.frames[0].document.getElementById('kw').value = '值';

但是，你用百度的話，跨域是會被瀏覽器攔截的。不跨域就不會攔截。
你可以建立一個本地文件試試下面的代碼，

<body>
  <button id="save">修改兒子窗口的DOM</button>
  <iframe src="02.html"></iframe>
  <script>
    var save = document.getElementById('save');
    save.addEventListener('click', function () {
      window.frames[0].document.body.innerText = '哈哈，你被我修改了。';
    });
  </script>
</body>
2017年11月13日 12:26