替换 iframe 的内容

索引.html文件：

<!DOCTYPE html>
<html>
<head>
<title>AppRTC web app in an IFRAME</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<style>
	div {
		position: relative;
		width: 700px;
		height: 500px;
		overflow: hidden;
	}
	iframe {
		position: absolute;
		top: -95px;
		left: -25px;
		width: 1024px;
		height: 768px;
	}
	</style>
</head>
<body>
<div><iframe
	width="700" 
	height="800" 
	src="https://janus.conf.meetecho.com/videocalltest.html" 
	allow="geolocation; microphone; camera"  
	frameborder="1"
	scrolling="no"
	></iframe></div>
</body>
</html>

我是iframe，HTML，js等的新手。我的目标是删除<div> class="col-md-12 </div>"源。
怎么可能？
我可以更改源的文本吗？

JS 同源策略：

也许您遇到过访问被拒绝或类似的错误消息使用 JavaScript 与 iframe 交互时。如果包含文档和 iframed 文档不是来自同一文档域，它们尝试引用彼此的对象。

同源策略是 JavaScript 的一个安全功能，防止访问来自不同文档的属性和方法域。但是，有一些方法可以缓解或规避这种情况限制。

阅读更多： dyn-web.com

在这里，我们可以看到大小被切换

const frame = document.querySelector('iframe');
document.querySelector('button').addEventListener('click', ({ target }) => {
frame.classList.toggle('large');
});

.large {
width: 500px;
}

<iframe src="bbc.co.uk"></iframe>
<button>Click Me</button>

相关内容

最新更新

热门标签：