转自简书:关于iframe嵌套页面用法

转自简书:关于iframe嵌套页面用法1.在HTML中写入iframe标签<iframename=”my-iframe”id=”my-iframe”src=”初始显示的页面或者图片”frameborder=”边框(一般为0)”width=”宽”height=”高”scrolling=”是否滚动(一般为“no”)”></iframe>2.在HTML中写入a标签,当点击a标签时,子页面跳转到所需的页面<ahref=”要跳转的页面l”target=”my-iframe”>点击我子网页可

大家好,欢迎来到IT知识分享网。

1.在HTML中写入iframe标签

<iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="" height="" scrolling="是否滚动(一般为“no”)"></iframe>

2.在HTML中写入a标签,当点击a标签时,子页面跳转到所需的页面

<a href="要跳转的页面l" target="my-iframe">点击我子网页可以跳转到你需要的地方</a>

//注意此处的target一定要和上面的名字一样(具体是name还是id我也忘记了(’’))

3.如果有多个子页面之间切换,只需要多写几个a标签,并且将它的href换成你所要跳转的html页面即可。切记,target是不变的,和先前的iframe保持一致!!!iframe标签只需要一个。

如下:
在这里插入图片描述
在这里插入图片描述

原出处:简书

作者:爱吃泡芙的小杨同学
链接:https://www.jianshu.com/p/8a006d4ca518
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/22642.html

(0)

相关推荐

发表回复

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

关注微信