项目所遇问题及解决方法

"iframe用于减少代码重复和提升页面加载效率,特别是在页面头部和底部相同的情况下。但引入后可能出现显示尺寸不正常和超链接跳转问题。解决办法是设定iframe的宽高以匹配内容,并在head中添加base标签,设置target属性为"_top",确保链接在全窗口中打开。"
摘要由CSDN通过智能技术生成

使用iframe标签所遇到的问题

        iframe是干嘛的?当某个项目页面的头部和底部一样时,多次写到每个页面时,不仅代码重复量大,页面加载也会变慢。可以将头部或底部写到一个单独的html文件中,然后再使用iframe标签来进行引入,类似于某个页面需要清除默认样式,只需要用link引入一个css清除样式文件即可,这个标签也是一样当需要用到头部或底部时,只需要用iframe引入即可。

        iframe引入后显示不正常。当引入头部或底部之后,显示的不是原尺寸大小,这时需要给iframe设置一个宽度高度,就恢复正常了(高度是头部或底部整个块的尺寸)。

        iframe超链接跳转不正常。在外部html文件中所写的超链接在点击跳转时会有显示不正常,只需要在head标签中设置一个base标签即可

<base target="_top" />

base标签的作用:可设置页面中所有超链接跳转所打开的方式

target属性:超链接跳转方式;

属性值:

_blank在新窗口中打开被链接文档。
_self默认。在相同的框架中打开被链接文档。
_parent在父框架集中打开被链接文档。
_top在整个窗口中打开被链接文档。
framename在指定的框架中打开被链接文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值