美文网首页
iframe标签和a标签

iframe标签和a标签

作者: ScottWalker | 来源:发表于2018-09-12 19:51 被阅读0次

    iframe标签(嵌套页面)


    • frameborder=0用来消除很丑的边框
    • name属性基本上要和a标签一起,不然没什么用
    • src = source,一般接网址,也可以是一个相对路径,没什么特殊的
    <iframe name="xxx" src="./index.html" frameborder="0"></iframe>
    <a href="" target="xxx"></a>
    

    a标签(跳转页面HTTP GET请求)


    target 四个值:

    <a href="" target="_blank"></a>
    <a href="" target="_self"></a>
    <a href="" target="_parent"></a>
    <a href="" target="_top"></a>
    <a href="" target="iframe的名字xxx"></a>
    

    download属性:
    一个网页可以用浏览器查看,也可以下载,怎么确定:

    • 根据html响应的Content-Type for download
    • a标签可以download指定强制下载
            <a href="" download></a>
    

    href支持:

    • 无协议绝对地址,自动继承协议,根据当前文件协议决定 <a href="//xxx.com"></a>
    • 相对路径,xxx.html == /xxx.html,当前目录下的文件 <a href="xxx.html"></a>
    • 锚点,#hihihi,当前页面跳转,只有锚点是不发起请求的 <a href="#hihihi"></a>
    • 查询字符串:?name=xxx ,浏览器会自动判断你的意思,且发起请求<a href="?name=xxx"></a>
    • 伪协议:javascript: alert(1)会直接执行<a href="javascript: alert(hi);"></a>
      javascript:; 则是点击标签不会跳转,无反应 <a href="javascript:;"></a>
    • a标签不写href,<a>xxx</a>,不可接受,相当于一个span
    • href=" "空的,浏览器会默认刷新页面,跳转到自身 <a href=""></a>

    相关文章

      网友评论

          本文标题:iframe标签和a标签

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