<div class="content" style="height: 100%;" > <iframe width='100%' height='100%' frameBorder='0' src='https://zt.changjing.com.cn/map/8kUyMJ-dCOknRL7Ntn5y9w/embed?base_map=normal¢er=113.22956797%2C23.407374725&level=16' style="height:1000px;"></iframe> <script> window.onload = function() { document.querySelector('input[type="password"]').value = "110110"; } </script> </div> 不能自动输入,如何修改
时间: 2024-02-25 20:51:58 浏览: 95
可以尝试将自动输入密码的代码放到 `iframe` 的 `onload` 回调函数中执行,这样可以确保页面加载完成后再自动输入密码。修改后的代码如下:
```html
<div class="content" style="height: 100%;">
<iframe
id="my-iframe"
width="100%"
height="100%"
frameborder="0"
src="https://zt.changjing.com.cn/map/8kUyMJ-dCOknRL7Ntn5y9w/embed?base_map=normal¢er=113.22956797%2C23.407374725&level=16"
style="height:1000px;"
></iframe>
<script>
document.getElementById("my-iframe").onload = function () {
var passwordInput = this.contentDocument.querySelector(
'input[type="password"]'
);
if (passwordInput) {
passwordInput.value = "110110";
}
};
</script>
</div>
```
此代码会在 `iframe` 加载完成后,检查 `iframe` 内部是否有密码输入框,如果有则自动填入密码。注意,由于涉及跨域问题,如果 `iframe` 的内容来自不同的域名,则需要在 `iframe` 页面中设置 `document.domain` 属性,以便实现跨域通信。
阅读全文