本文介绍了如何在HTML中使用JavaScript操作嵌入的iframe（如kong.html）的document.designMode属性，实现可编辑功能，并通过addEventListener监听load事件来获取并设置iframe的编辑模式。
下面我们来window.iframes[]
frames是一个全局变量，它是一个对象数组，其中包含当前窗口中的所有框架（如果存在）。
在这段代码中，let frame=frames[0];是将第一个框架赋值给变量frame。通过frame.document.designMode="on";，将该框架的文档模式设置为“设计模式”，可编辑
kong.html是空的
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
/*[name=text]*/
iframe{
width: 600px;
height: 400px;
border: 1px solid #ccc;
margin:auto ;
}
</style>
</head>
<body>
<!-- <div>-->
<iframe name="text" src="kong.html">
</iframe>
<!-- </div>-->
<script>
window.addEventListener("load",(event)=>{
// let frame=frames["text"];
let frame=frames[0];
frame.document.designMode="on";
// alert( frame.outerHTML);
})
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
