a标签的target属性
属性 标签 Target
2023-09-11 14:19:17 时间
a标签最重要的属性是href属性,实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制
target属性有五个特殊值。
1.target="_self"
内容在当前页面显示。
2.target="_blank"
内容在新页面显示。
3.target=“three”
内容在对应窗口显示
4.target="_top"
在当前窗体打开链接,并替换当前的整个窗体(框架页),清除所有包含的框架
5.target="_parent"
在父窗体中打开链接,在窗口与顶级框架中,等同于_self
使用<frame>标签,做一个有框架的网页,为了能看出HTML中<a>标签的target属性的“_self”和“_parent”这2个属性值的不同效果,需要这个网页还有框架的嵌套,框架思路如下图所示:
页面演示
_blank:
设置target属性值为“_blank”,可以在一个新的窗口中打开链接。
_self:
设置target属性值为“_self”,会在相同的框架或者窗口中打开链接。
_parent:
设置target属性值为“_parent”,会在父窗口或者包含来超链接引用的框架的框架集中打开链接。我们可以看到原来的Frame_B_1也被新打开的链接覆盖了。
_top:
设置target属性值为“_top”,会清除所有被包含的框架,并打开链接。
相关文章
- Redis protected-mode属性解读
- HTML5 video 视频标签 常用属性
- 拼接<a>标签相关属性
- CSS 的class属性居然可以并(有点像并,有点像与)操作
- 前端-jQuery-操作标签-属性操作
- 标签中的rel属性的含义
- RabbitMQ使用${}读取配置文件中的属性值
- bootstrap table表格属性、列属性、事件、方法
- SAP UI5 的 sap-ui-bootstrap script 脚本标签各属性解析
- iOS swift 闭包(closure)作为属性
- Meta标签中的viewport属性及含义
- android 9.0实现通过系统属性控制挂载otg设备功能
- Android Interpolator属性 设置动画速度
- 【Groovy】xml 序列化 ( 使用 MarkupBuilder 生成 xml 数据 | 设置 xml 标签内容 | 设置 xml 标签属性 )
- jquery获取data-xxx自定义属性的值遇到的问题
- leaflet配置Zoom属性,个性化放大缩小按钮(示例代码027)
- form表单标签的enctype属性的作用
- CSS - 表格标签属性和样式属性
- vue快速学习01、环境与常用属性标签
- Qt编写控件属性设计器1-加载插件