iframe标签里面的页面元素只读

iframe标签里面的页面元素只读，可以通过设置一个只读的透明div进行遮罩实现。

html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>.mask{position:absolute;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);opacity:0;background:#ffffff;}
</style>
<divstyle="position: relative"><divclass="mask"></div><iframesrc="http://bbs.csdn.net"width="500px"height="300px"id="ifr"></iframe>
</div>

效果：

转载于:https://www.cnblogs.com/cang12138/p/8259348.html

iframe标签里面的页面元素只读相关推荐

浏览器新标签操作源页面元素
有一个这样的功能:点击页面中的链接,打开一个新的窗口(新标签),这个时候需要在新窗口的页面中操作源页面的元素或者调用里面的JS函数.刚开始看到这个需求的时候,我以为是做不了的,感觉浏览器不会给这种权限 ...
使用juery在iframe内部访问父页面元素
如题,jquery代码:window.parent.$('#testdiv'); 转载于:https://www.cnblogs.com/pascal1000/p/10957017.html
html5父子页面数据传递,使用iframe标签嵌套页面时如何进行父子页面通讯/传值...
父页面使用iframe标签引入子页面 (使用本地文件) 父页面 function myFunction(e) { console.log("我是父页面的方法") } 引入本地路径的 ...
iframe子页面与父页面元素的访问以及js变量的访问
后台管理系统嵌套了很多iframe页面,想要取得父页面的元素,需要特殊的写法,总是记不住,写下来方便寻找 // eg:iframe页面找父页面的 #nav $('#nav',parent.docume ...
详解a标签与iframe标签
先来说一下iframe标签. iframe标签内联框架元素 ,有效地将另一个HTML页面嵌入到当前页面中.例如加入以下代码 <iframe src="http://www.baidu. ...
html中iframe标签的用法详解
<iframe>是什么?html中iframe标签的用法详解 原创  2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...
iframe多层嵌套时获取元素总结
父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; ( ...
HTML5 iframe标签和a标签组合使用
iframe标签可以在页面上开辟一个小区域显示一个单独的页面. 使用步骤: 1.在iframe标签中使用name属性定义一个名称 2.在a标签中的targe属性上设置iframe的name属性值 &l ...
点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题
点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题问题描述,点击iframe嵌入的元素,想让tab栏样式跟着切换,iframe嵌入的链接也要跟着替换 1.这个是ifram ...

iframe标签里面的页面元素只读

iframe标签里面的页面元素只读相关推荐

最新文章

热门文章