js中iframe引入的页面跳转之后刷新一下iframe
时间: 2023-08-31 13:12:57 浏览: 246
可以使用以下代码刷新iframe:
```javascript
var iframe = document.getElementById("your-iframe-id");
iframe.src = iframe.src;
```
这里的`"your-iframe-id"`是你的iframe元素的ID。这段代码会重新加载iframe的src属性,从而达到刷新页面的效果。
相关问题
iframe引入的页面跳转之后刷新一下iframe
如果你想在 iframe 中加载的页面跳转后重新刷新 iframe,可以使用 JavaScript 中的 location.reload() 方法。当 iframe 中的页面跳转时,可以在父窗口中监听 iframe 的 load 事件,然后在事件处理程序中调用该方法实现刷新。
以下是示例代码:
```html
<iframe id="myFrame" src="http://example.com"></iframe>
<script>
var myFrame = document.getElementById('myFrame');
myFrame.onload = function() {
// 监听 iframe 的 load 事件
myFrame.contentWindow.location.reload();
};
</script>
```
在上面的代码中,我们首先获取了 ID 为 myFrame 的 iframe 元素,然后在 onload 事件处理程序中监听了 iframe 的 load 事件。当 iframe 中的页面加载完毕后,我们调用了 contentWindow.location.reload() 方法,该方法可以刷新 iframe 中的页面。
vue中iframe嵌套页面跳转
在Vue中嵌套iframe页面跳转,可以使用iframe的window对象的location属性进行页面跳转。
例如,在Vue组件中嵌套一个iframe:
```
<template>
<div>
<iframe ref="myIframe" src="http://www.example.com"></iframe>
</div>
</template>
```
然后,在Vue组件的方法中使用iframe的window对象的location属性进行页面跳转:
```
<script>
export default {
methods: {
goToPage() {
this.$refs.myIframe.contentWindow.location.href = 'http://www.example.com/newpage';
}
}
}
</script>
```
在这个例子中,当调用goToPage方法时,会将iframe中的页面跳转到http://www.example.com/newpage。
阅读全文