如何清空iframe中的内容?

  我都是用这种方法往iframe里面添加内容的。

document.frames["iframe1"].document.write("<img src='loading.gif'>");

请问怎么才能清空iframe1里面的内容?
不要用以下两种方法:
document.frames["iframe1"].document.close();
document.frames["iframe1"].location.href = "about:blank";
因为这两种方法会使浏览器的后退按钮可用 

转载于:https://www.cnblogs.com/hannover/p/5014577.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue ,如果你想在关闭 iframe 窗口后清空 iframe 内的数据,通常的做法是利用 Vue 的组件通信或者父组件对子组件的控制。这是一个简单的示例: 1. **在 Vue 组件**,你可以使用 `v-if` 或者 `v-show` 来动态控制 iframe 的显示和隐藏,然后在关闭事件(例如在用户点击关闭按钮或者浏览器的 `beforeunload` 事件)触发时,设置 `v-if` 为 `false`,这样 iframe 就会被移除,其内容也会随之消失。 ```html <template> <div> <button @click="closeIframe">关闭 iframe</button> <iframe v-if="shouldShowIframe" :src="iframeSrc"></iframe> </div> </template> <script> export default { data() { return { shouldShowIframe: true, iframeSrc: 'https://example.com', }; }, methods: { closeIframe() { this.shouldShowIframe = false; // 可选:如果 iframe 有对应的销毁方法(比如来自 iframe 的脚本),在这调用 // this.$refs.myIframe销毁方法(); }, }, }; </script> ``` 2. **利用父组件与子组件通信**,如果你的 iframe 是作为子组件,可以通过 `$emit` 事件来通知父组件关闭并清空数据。在父组件监听这个事件并执行相应操作。 ```html <!-- 子组件 --> <iframe :src="iframeSrc" @close="parentCloseIframe"></iframe> <script> export default { methods: { parentCloseIframe() { this.$emit('closeIframe'); }, }, }; </script> <!-- 父组件 --> <iframe-child @closeIframe="handleCloseAndClear"></iframe-child> <script> export default { methods: { handleCloseAndClear() { // 清空 iframe 内的数据 // 如果 iframe 有清除方法,这调用 // this.$refs.myIframe.clearData(); this.shouldShowIframe = false; }, }, }; </script> ``` 在实际操作,你需要根据你的 iframe 是否有特定的 API 来处理数据的清除。注意,`$refs` 只能用于 DOM 元素,并且在 Vue 的生命周期钩子使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值