html使用a跳转页面,HTML之a标签的使用
说到a标签,大家第一时间想到的一定是a标签的链接作用,除了链接,我们还能想到什么呢?
下面的篇幅我们一起来讨论html中a标签的用途。(针对html5讨论,html5中不支持的功能不在此篇文章的讨论范围内)
1. 链接作用
这个大家都很熟悉,就是点击跳转到我们设定的链接上,具体语法为:
跳转
平常我们在点击链接的时候有时候会在当前页面加载,有时候会在新标签页加载,还有的甚至会新建窗口加载,为什么会这样呢?这里我们就需要引进a标签的一个属性target(仅在href属性存在时才能使用)。根据w3c的文档说明我们会看到target属性有多个值,对应的说明如下:
_blank -->总在一个新打开、未命名的新标签页中载入目标文档。
_self -->在当前标签页中载入目标文档(默认选项,无需特别声明)
_parent -->在当前框架(frame)的父框架(父级frame)中载入目标文档
_top -->在当前框架(frame)的顶部框架(顶级frame)中载入目标文档
framename -->在指定的框架中载入目标文档
注意:以上属性只能在新标签或者当前标签载入目标文档,那么如何能够在新窗口载入目标文档呢?我们需要用到js中的window.open()方法,具体代码如下:
function openNewWindow(url, title)
{
window.open(url, title);
}
跳转
2. 锚点定位
除了链接到新地址,a标签还可以用来做页面内导航,即锚点定位,具体代码如下:
跳转
点击跳转即可定位到id为test的div所在的位置。
3. 打电话/发短信/发邮件
打电话
发短信
发邮件
4. 下载
下载
注意:以上下载地址要与原页面同源,download的值可以缺省。
html使用a跳转页面,HTML之a标签的使用相关推荐
- React Native之ViewPagerAndroid跳转页面问题
前言: 网上目前react-native的教程较少,加上许多帖子还是用的ES5(2015年6月已发布ES6标准),有些细节很难找到答案,这里把遇到的问题做一个分享,让学习者尽量少踩坑. 出现问题: 1 ...
- controller不跳转页面的几个原因_光知道SpringBoot,不用thymeleaf就太不对了
之前的时候,我为了演示Linux配置提交项目执行环境,简单的整理了一下springboot得相关内容,但是在实际的开发过程中,SpringBoot得使用可不仅仅就是这一点点遍历而已,在SpringBo ...
- Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
前言:这周在使用 Ajax+Thymeleaf 时遇到一个问题,折腾了我很久,在此记录一下 Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题 问题描述 我的目的:通过 Aja ...
- layui跳转html如何带参数,Layui跳转页面代码(可携带复杂参数)
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
- JQ+ajax 提交表单不跳转页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 代码 <div class="apply_box"><h1>合作申 ...
- HTML5跳转页面并传值以及localStorage的用法
1.首先,你得在那个页面把数据存入localStorage中吧.这个是必须的! localStorage.setItem("user",JSON.stringify(data.al ...
- 小程序webview跳转页面后没有返回按钮完美解决方案
随着小程序越来越火爆,使一个产品如果只有公众号H5页面和APP显得不怎么完美,总感觉不搭上小程序这趟流量车,就会少了点什么,心里别扭地很.在此驱动下,我所在公司也决定赶紧上车. 但是,如果要按照小程序 ...
- Asp.Net中跳转页面有那几种方法
一.方法 1.<a href="Default.aspx">跳转</a> 2.<asp:HyperLink id="HyperLink1&q ...
- 小程序订单点击不同页面_小程序跳转页面参数丢失
垂死病中惊坐起,笑问 Bug 何处来?! 1.先是大写字母作祟 前两天发布了「柒留言」v2.0.0 新版本,结果...你懂的嘛,没有 Bug 的程序不是好程序,写不出 Bug 的程序员不是好程序员. ...
最新文章
- [HDU] 5444.Elven Postman (堆)
- Callable接口
- Xamarin的坑 - 绑定(二) - 高德iOS SDK(.Framework)绑定的一些事
- oracle r修改表名,oracle中修改表名
- 企业网盘2016年度深度盘点,哪家才是NO.1?
- 关于使用中如何实现数据的筛选的问题
- 怎么调大计算机浏览器内字体,电脑网页字体大小怎么调整(电脑里点击哪个是变换字体的)...
- Linux电驴客户端,linux下电驴amule的安装配置
- 端口汇聚实现多端口带宽叠加
- 绩效考核方法有哪些?这四种你知道几个?
- NVIDIA NCCL 源码学习(五)- 路径计算
- 北斗导航 | 北斗/GNSS相关数据下载:IGS/IGMAS/MGEX/DCB/brdc/gamit/bernese/rinex等
- IG541与七氟丙烷灭火系统到底有什么不一样呢?
- AJAX学习笔记——发送AJAX的POST请求,模拟from表单提交
- 快手小店通效果好吗?
- Properties 文件中字符串加了引号
- 旷世天才:尼古拉·特斯拉
- FaceBook创始人扎克伯格称Google+是小号版Facebook
- 单例模式——C++版
- 第一个项目: 票务管理系统