iframe标签和a标签
2018-09-12 本文已影响0人
ScottWalker
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>