如何屏蔽iframe框架里网页的链接跳转

做一些模板演示网站时，通常需要使用 IFRAME 调用演示网站。如果演示网站是自己的网站没有问题，如果 IFRAME 调用的是别人的网站，就会存在这样的问题，如果别人的网站里有其它网站的链接，用户就会跳转到别人的网站里了。

有没有什么方法可以屏蔽 IFRAME 里网页的链接跳转呢？其实是可以的，在 IFRAME 里有以下的属性：

属性	值	描述
align	left right top middle bottom	不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。
frameborder	1 0	规定是否显示框架周围的边框。
height	pixels %	规定 iframe 的高度。
longdesc	URL	规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight	pixels	定义 iframe 的顶部和底部的边距。
marginwidth	pixels	定义 iframe 的左侧和右侧的边距。
name	frame_name	规定 iframe 的名称。
sandbox	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	启用一系列对 <iframe> 中内容的额外限制。
scrolling	yes no auto	规定是否在 iframe 中显示滚动条。
seamless	seamless	规定 <iframe> 看上去像是包含文档的一部分。
src	URL	规定在 iframe 中显示的文档的 URL。
srcdoc	HTML_code	规定在 <iframe> 中显示的页面的 HTML 内容。
width	pixels %	定义 iframe 的宽度。

其中，有一个属性 sandbox，就可以限制 iframe 网页里的链接跳转。它有 5 个属性值：

值	描述
""	应用以下所有的限制。
allow-same-origin	允许 iframe 内容被视为与包含文档有相同的来源。
allow-top-navigation	允许 iframe 内容从包含文档导航（加载）内容。
allow-forms	允许表单提交。
allow-scripts	允许脚本执行。

所以，想要屏蔽 IFRAME 里网页的链接跳转，就可以使用 sandbox 属性。代码如下：

这样就可以屏蔽 IFRAME 里其它网页的链接跳转了。

如何屏蔽 iframe 框架里网页的链接跳转

已有 475 人购买

• 永久更新：
• 演示数据：

此资源下载价格为2元立即购买（VIP 免费）立即升级

查看演示升级 VIP立刻购买

咨询客服 咨询客服

专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！