html之iframe，a

左手的ㄟ右手 2022-10-01 08:00 162阅读 0赞

# iframe #

# a #

## 4个target ##

<a href="qq.com" target="_blank"></a>
           <a href="qq.com" target="_self"></a>
           <a href="qq.com" target="_parent"></a>
           <a href="qq.com" target="_top"></a>
    复制代码

依次为新页面打开，当前页面覆盖打开，在父页面打开，在顶部页面打开

当a标签的网页A被当做iframe放在网页B再当做iframe放在网页C时，以上意思分别为：

1.  新开网页D
2.  在网页A打开
3.  在网页B打开
4.  在网页C（D,E）打开

## download属性 ##

<a href="https://qq.com" download></a>
    复制代码

点击可以下载整个网页

## href可以写什么 ##

<a href="qq.com">qq</a>
    复制代码

## 此时qq.com相当于绝对路径，未加http ##

<a href="//qq.com">qq</a>
    复制代码

此时使用//qq.com，含义为使用当前使用的协议，即file协议

*  浏览器加锚点 `<a href="#12">qq</a>`(不发起请求，因为锚点的作用是页面内的跳转)
 *  浏览器加路径 `<a href="?name=soldiermakk">qq</a>`(自动发起get请求)
 *  打开当前目录下的网页 `<a href="./index2.html">qq</a>`
 *  伪协议(点击之后什么也不做) `<a href"javascript:;">qq<a>`

# iframe与a同时使用 #

## name的用法 ##

a标签中使用target来指向iframe窗口，实现效果如下

点击qq ，iframe窗口中显示qq.com

同时，iframe也支持写相对路径

<iframe name=xxx src="./index2.html" frameborder="0"></iframe>
    复制代码

转载于:https://juejin.im/post/5c80d9fd51882568265468fe

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaWeb之HTML

1. B/S软件的结构 JavaSE C/S Client Server B/S Browser Server ![在这里插入图片描述][0cd8d2647f80

╰半夏微凉°/ 2024年03月30日 09:13/ 0 赞/ 69 阅读

相关 HTML之实体

文章目录 HTML实体 HTML实体实体字符，HTML Entity 实体字符通常用于页面中显示一些特殊符号 1. &单词 2. &\数字

今天药忘吃喽~/ 2023年03月14日 10:59/ 0 赞/ 26 阅读

相关 HTML之表格

（1）在HTML中，表格是用<table>元素定义的，如下所示： <table border="n" align="alignment" bgcolor="clr">...<

素颜马尾好姑娘i/ 2022年06月04日 08:54/ 0 赞/ 257 阅读

相关 HTML之列表

（1）建立数字编号的列表：使用<ol>和<li>标签创建带数字编号的列表。例如： <ol> <li>《Java从入门到精通》 <li>《J

ゞ浴缸里的玫瑰/ 2022年06月04日 08:52/ 0 赞/ 183 阅读

相关前端面试题之HTML/HTML5

HTML部分 > （1）谈谈你对Web标准的理解。 > WEB标准不是某一个标准，而是一系列标准的组合。 > 网页主要由三部分组成； > 1>结构（Struct

忘是亡心i/ 2022年06月03日 03:28/ 0 赞/ 295 阅读

相关 HTML复习之HTML块

今日目录 1、DIV 2、SPAN 一、DIV HTML <div> 元素是块级元素，它是可用于组合其他 HTML

雨点打透心脏的1/2处/ 2022年05月25日 08:49/ 0 赞/ 188 阅读

相关 HTML复习之HTML表单

今日目录 1、Form表单 2、文本表单 3、单选框 4、复选框

梦里梦外;/ 2022年05月25日 08:48/ 0 赞/ 235 阅读

相关前端之HTML

1.初识HTML (1) HTML是一种超文本标记语言不是编程语言 (2) HTML是用来描述网页的一种的语言 (3) HTML遵循W3C标准，W3C是万维网联盟，

傷城~/ 2022年05月14日 14:20/ 0 赞/ 244 阅读

相关前端之HTML

HTML介绍 Web服务本质 ![复制代码][Image 1] ![复制代码][Image 1] import socket

曾经终败给现在/ 2022年01月10日 16:17/ 0 赞/ 297 阅读

相关 HTML 之 DocumentFragment

DocumentFragment（文档片段）接口表示一个没有父级文件的最小文档对象。它被作为一个轻量版的 Document 使用，用于存储已排好版的或尚未打理好格式的 XML

绝地灬酷狼/ 2021年12月21日 05:47/ 0 赞/ 216 阅读