零基础学做网站培训介绍

当前位置:

如何屏蔽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 id="J_demoIframe" name="son" src="URL" width="100%" height="100%" scrolling="auto" security="restricted" sandbox="allow-same-origin allow-scripts" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"></iframe>

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

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • iframe标签用法详解 图文教程 (113109 次浏览)
    1、iframe 定义和用法iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。HTML 与 XHTML 之间的差异在 HTML 4.1 Strict DTD
  • 我们在学习怎么做网站时,往往想在自己的网站上调用别人网站的网页,实现网页中签入网页的情况,那么如何实现这种在网页中调用另一个网页的效果呢?
  • 在之前的文章中,讲解了如何在自己做网站的网页中通过JS或者IFRAME调用其它网页的方法,但是有的学做网站论坛学员提出一个问题,通过这种方法是调用了