美文网首页
<a>标签的target属性可以自定义

<a>标签的target属性可以自定义

作者: 野柳 | 来源:发表于2017-05-23 15:01 被阅读92次

关键:

<a>的target属性(规范):

1._blank      my document

浏览器会另开一个新窗口显示document.html文档

2._parent     my document

指向父frameset文档

3._self       my document

把文档调入当前页框

4._top        my document

去掉所有页框并用document.html取代frameset文档

还可以给target自定义一个名称,然后如下应用

<a href="www.baidu.com" target="bd" onclick="window.open('','bd','height=100,width=400');" ></a>

即实现通过a标签打开一个高100宽400的页面,实现类似弹窗的效果

当然使用js可以很简单的实现这个效果,这个只是记录target这个属性。

window.open的属性介绍

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后

alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上

depended | yes/no | 是否和父窗口同时关闭

directories | yes/no | Nav2和3的目录栏是否可见

height | pixel value | 窗口高度

hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键

innerHeight | pixel value | 窗口中文档的像素高度

innerWidth | pixel value | 窗口中文档的像素宽度

location | yes/no | 位置栏是否可见

menubar | yes/no | 菜单栏是否可见

outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度

outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度

resizable | yes/no | 窗口大小是否可调整

screenX | pixel value | 窗口距屏幕左边界的像素长度

screenY | pixel value | 窗口距屏幕上边界的像素长度

scrollbars | yes/no | 窗口是否可有滚动栏

titlebar | yes/no | 窗口题目栏是否可见

toolbar | yes/no | 窗口工具栏是否可见

Width | pixel value | 窗口的像素宽度

z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

相关文章

  • <a>标签的target属性可以自定义

    关键: 的target属性(规范): 1._blank my document 浏览器会另开一个新窗口显示do...

  • <a>标签

    使用 标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 链接显示的文本...

  • HTML中的<a></a>标签

    是html中非常常用且重要的标签,本文将会介绍 的各种属性以及一些使用经验。 属性 hrefhref是 中最重...

  • 常用的html标签

    a标签a标签可以配合iframe标签 iframe标签 2.1 target属性(1) _blank(也是默认状态...

  • HTML 常用的标签

    iframe标签 :用于嵌套页面,name属性可以与a标签关联使用 a标签:target="_block"打开新页...

  • 2018-07-21 学习总结

    1.target属性 标签的 target 属性规定在何处打开链接文档。target的四个属性值:_blank ...

  • 常见标签详解

    a标签 1.a标签的href属性 2.a标签的target属性 3.a标签的download属性 form标签 标...

  • HTML 常用的标签

    iframe标签 iframe 与 a标签结合使用 a标签 a标签的属性详见 a标签的target属性 a标签的h...

  • 细说from标签

    举例: form标签属性 标签有几个属性,分别是action、method、enctype和target属性。这几...

  • 细说a标签

    a标签 这里我们列举了a标签使用是的几种情况,由此我们可以看到a标签的几个属性:href target title...

网友评论

      本文标题:<a>标签的target属性可以自定义

      本文链接:https://www.haomeiwen.com/subject/vyzwxxtx.html