点击a标签弹出iframe_iframe标签与a标签

iframe标签

iframe标签，内联框架元素 ,有效地将另一个HTML页面嵌入到当前页面中.例如加入以下代码

即可在当前页面嵌套一个百度页面。不过，嵌套页面之后，当前html的页面加载速度就变慢了。

结合标签

QQ

github

点击a，则新页面会在 name=xxx 的iframe里打开。

结合的几个属性

若index.html里写: (index是祖父)

index2.html里写: (index2是爸爸)

index3.html里写: (index3是孩子)

QQ(点击会在一个新的标签页面里打开)

QQ(点击会在index3自身的嵌套页面里打开)

QQ(点击会在index2的嵌套页面里打开)

QQ(点击会在index里打开)

_blank 是在新开页面打开,

_self 是在当前内嵌页面打开，

_top 是在顶层页面打开，

_parent 是在父级页面打开。

a标签

downloda属性

下载

当content-type是

Content-Type: text/html

想让用户下载，就可以使用a标签的download属性。

href属性

相对路径写法：(不要用)

QQ

不会跳转到腾讯首页。会把它当成一个文件，并提示找不到该文件。

无协议地址

当前用的是http协议就自动继承http协议，用的是file就会用file协议。

QQ

当前文件是什么协议就用什么协议。

a.qq 点击之后会在当前页面发起?name=pyz的请求

b. qq 点击之后不会发起请求，因为锚点仅仅是在当前页面内的跳转

c. link 标签被点击后浏览器会发起GET / HTTP/1.1的请求，路径还是/，因为/已经是根目录，无法再往前退

伪协议

提出需求：点击链接后不跳转，不做任何事

答：

qq

qq 点击之后会弹出1

在终端运行 sudo npm i -g http-server 即可安装一个服务器，进入你写index.html的文件夹里运行 http-server 即可开启服务器，然后在浏览器浏览终端返回的地址即可用http协议来访问你写的文件。