记录iframe动态显示时在谷歌正常显示，火狐不显示的兼容问题

Helpless.苟づ活

于 2023-04-20 20:28:07 发布

阅读量609

点赞数

文章标签： firefox javascript 前端

本文链接：https://blog.csdn.net/jqyy1996/article/details/130274823

版权

//html部分
<button @click='switchIframe'>切换</button>
<div v-if='flag'></div>
<iframe v-else id='iframeBox'></iframe>
//srcipt部分
data(){
	return{
		flag:true
		}
	},
methods(){
	switchIframe(){
		this.flag = !this.flag
		//获取iframe
		let iframeBox = document.getElementById('iframeBox')
		//判断当前浏览器
		if(navigator.userAgent.match('Firefox')){
			//火狐浏览器中
			iframeBox.contentWindow.location.href = '后端地址'
		}else{
			//谷歌浏览器中
			iframeBox.src = '后端地址'
		}
		}
	}