问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

能否通过js向iframe里的input填充指定内容?

头像
雾秋
    1.4k1193134

    可以直接查看
    或者

    <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" />

    点击填充，将上面的123 填充到 iframe里的指定value中

    clipboard.png

    可以实现吗？ 跨域不跨域均可，主要是没思路。

    javascripthtml5
    阅读 5.9k
    1 个回答
    得票最新
    头像
    吃瓜群众
      953129

      提供一种思路吧，可以直接通过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>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题