htmla标签中的target属性
编码⽣活中,其实我真的很少注意到target这个属性的;
在a标签中,这个⽆⾮就是打开的⼀个⽅式罢了,默认是⾃⼰的窗⼝打开新的页⾯;
特殊的⽬标
有 4 个保留的⽬标名称⽤作特殊的⽂档重定向操作:
_blank
浏览器总在⼀个新打开、未命名的窗⼝中载⼊⽬标⽂档。
_self
这个⽬标的值对所有没有指定⽬标的 <a> 标签是默认⽬标,它使得⽬标⽂档载⼊并显⽰在相同的框架或者窗⼝中作为源⽂档。这个⽬标是多余且不必要的,除⾮和⽂档标题 <base> 标签中的 target 属性⼀起使⽤。
_parent
这个⽬标使得⽂档载⼊⽗窗⼝或者包含来超链接引⽤的框架的框架集。如果这个引⽤是在窗⼝或者在顶级框架中,那么它与⽬标 _self 等效。
_top
这个⽬标使得⽂档载⼊包含这个超链接的窗⼝,⽤ _top ⽬标将会清除所有被包含的框架并将⽂档载⼊整个浏览器窗⼝。
请注意:
它其实还有⼀个⽐较特殊的属性值,是我们忽略掉的;
<a href='url/index.html' id="urlJump" target="myHtml"></a>
我们可以⾃定义⼀个属性值,例如:myHtml,这样可以说是_blank的进阶版,虽然都是打开⼀个新的页⾯,
但是有这个⾃定义的属性值的话,第⼀次点击这个a标签是打开新的窗⼝,后⾯再次或者多次点击,浏览器都是切到这个已经打开的新的页⾯,神奇吧。
其实在js语句中也有⼀样功能的语句,那就是window.open()
window.open('url/index.html','myHtml')
可以达到⼀样的⽬的;
html代码属性大全另外, open函数的第⼆个参数还有⼏种选择:
_top : 如果页⾯上有framesets,则url会取代framesets的最顶层, 即, 如果没有framesets, 则效果等同于_self.
_parent: url所指向的页⾯加载到当前frame的⽗亲, 如果没有则效果等同于_self.
_media : url所指向的页⾯加载到Media Bar所包含的HTML代码区域中.如果没有Media Bar则加到本⾝.
如果还要添加其它的东西在新的窗⼝上, 则需要第三个参数:
channelmode : yes|no|1|0 (窗⼝显⽰为剧场模式[全屏幕显⽰当前⽹页, 包括⼯具栏等],或频道模式[⼀般显⽰]).
directories : yes|no|1|0 (是否添加⽬录按钮, ⽐如在IE下可能会有⼀个"链接"这样的按钮在最上⾯出现)
fullscreen : yes|no|1|0 (使浏览器处理全屏幕模式, 并隐藏标题栏和菜单等)
menubar : yes|no|1|0 (是否显⽰浏览器默认的菜单栏)
resizeable : yes|no|1|0 (窗⼝是否可调整⼤⼩)
scrollbars : yes|no|1|0 (是否允许⽔平或垂直滑动条)
titlebar : yes|no|1|0 (是否添加⼀个标题栏)
toolbar : yes|no|1|0 (是否添加浏览器默认的⼯具栏)
status : yes|no|1|0 (是否显⽰状态栏)
location : yes|no|1|0 (是否显⽰搜索栏)
copyhistory : yes|no|1|0 (似乎已经废弃, 如果只要⼯具栏显⽰, 历史按钮就会显⽰出来) height : 窗⼝的⾼度, 最⼩值为100像素
width : 窗⼝的宽度, 最⼩值为w100像素
left : 窗⼝的最左边相对于屏幕的距离
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论