html中a标签的跳转问题

原创 2015年11月20日 22:53:49

一、什么是a标签

a标签是html中的基本标签之一,定义超链接,用于从一张页面链接到另一张页面。

二、href属性

1、可以链接到项目的的文件上,也可以链接到URL网址上;

<a href="/index.html">指向本网站中的一个页面的链接</a>

<a href="http://www.baidu.com/">指向万维网上的页面的链接</a> 

2、a标签中可以使用文本也可以使用图片;

<a href="/index.html"><img border="0" src="/图片.gif" /></a>

<a href="/index.html">文本</a>

3、链接到同一页面的不同位置;

<a href="#ID">#ID是要跳转到位置标签的id</a>

三、其他属性

1、download:被下载的超链接目标。<a href="/下载的图片.gif" download="下载图片">这是下载链接</a>;

2、target:链接的打开方式:有五个选项:

_blank:在新窗口中打开被链接文档。
_self:默认。在相同的框架中打开被链接文档。
_parent:在父框架集中打开被链接文档。
_top:在整个窗口中打开被链接文档。
framename:在指定的框架中打开被链接文档。

四:js实现a标签跳转;不使用href属性实现

1、带参数形式

1)<a onclick="test(参数...);">test</a>

2)script代码:

<script>
function test(obj){
 【执行的代码】
}
</script>

2、不带参数

1)<a onclick="test();">test</a>

2)script代码:

       <script>

function test(){

【执行的代码】
}
</script>











版权声明:本文为博主原创文章,转载请标明出处。

<a>标签跳转新页面的各种方式

1. a href="http://www.baidu.com" target="_blank">百度_blanka>br/>   2.  a href="http://www.baidu.com...
  • function__
  • function__
  • 2016年12月04日 15:34
  • 6981

html <a>标签跳转新页面的各种方式

html 标签跳转新页面的各种方式 百度_blank 百度_self 百度1_click 百度_self_click 百度_blank_click...
  • wild46cat
  • wild46cat
  • 2016年06月14日 10:18
  • 26451

a标签不跳转的几种实现方式

a标签不跳转一共收集了3种方法1、onclick事件中返回false不能跳转的写法及demo不能跳到百度 上面的代码显示在页面是这样的,可以点击试试,他是不跳转的 不能跳到百度 可以跳转的跳到百...
  • wxl1555
  • wxl1555
  • 2016年12月27日 18:16
  • 13161

HTML的<a>标签点击实现不跳转

本文介绍下,当点击A标签时,触发事件但不跳转的实现方法,有需要的朋友参考下吧。 点击页面上的空链接,点击后页面自动刷新,并会定位到页面顶端。 不过,有时需要点击...
  • hzp666
  • hzp666
  • 2017年02月22日 13:04
  • 1149

【HTML】<a>标签href属性不跳转问题

最近由于项目需要,支援到了微信公众号开发小组,在调试过程中发现,部分页面的跳转,在iOS的微信公众号上无法跳转,始终在原来的页面上。但是在安卓的微信公众号上却能够完美跳转。按理说同是腾讯旗下的微信,同...
  • u013068862
  • u013068862
  • 2017年10月28日 09:34
  • 520

A标签触发onclick事件而不跳转

在web页面开发时,我们经常会遇到下列情况:1.一个标签仅仅是要触发onclick行为;2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。比如执行删除操作时,为了避免误操作,我...
  • zhouyong0
  • zhouyong0
  • 2011年05月31日 15:54
  • 29485

<a href=>问题,想要点击不跳转怎么处理!

最近看了好几个关于标签和javascript:void(0)的帖子,谨记于此,以资查阅。  注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明。  在做页面时,如果想做一个链接点...
  • caishuibi
  • caishuibi
  • 2016年07月25日 17:12
  • 8303

a 标签中调用js的方法+a标签不跳转

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...
  • ww595213939
  • ww595213939
  • 2017年12月12日 11:16
  • 72

让a标签不跳转的方法。

记得刚来公司学习的时候遇到过这样的问题。 一个链接,是a标签写的,我只想为他做一些效果,不像让他跳转。   当然类似的这种完全可以抛弃a标签,利用css与js可以做到这样的效果。   但是那...
  • lofder_nean
  • lofder_nean
  • 2012年12月10日 19:09
  • 6543

a标签超链接 javascript:void(0),点击超链接不跳转,不响应

让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边      点击链接后不跳转可以设置成      1.javascript:void(0);      2.jav...
  • liuruirui1986
  • liuruirui1986
  • 2015年04月10日 17:39
  • 8066
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html中a标签的跳转问题
举报原因:
原因补充:

(最多只允许输入30个字)