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...

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

html 标签跳转新页面的各种方式 百度_blank 百度_self 百度1_click 百度_self_click 百度_blank_click...

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

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

用a标签实现跳转到本页面或者目标页面的顶部、底部或者某一位置

定义目标位置,赋予id。 给a标签添加href为#id。 例1:

A标签在新的页面中打开,而不是就地打开

http://www.baidu.com" target="_Blank">百度_Blank是新窗口_Self是自身_Parent是父窗口_Top是顶层窗口当然也可以是自己定义的一个frame 的名字...

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

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

mui解决 所有a标签 导航不能跳转页面

//解决 所有a标签 导航不能跳转页面 mui('body').on('tap','a',function(){document.location.href=this.href;});...

a标签href带参数跳转在javascript中问题

第一次遇到这个问题时真心找了好久的资料,结果竟然是如此简单。。+...+ 例如我这么写: 在js中取值时,var flag=; 结果flag怎么都是null,开始我还以为是js的语法错误呢。。。原谅...
  • YABAJ
  • YABAJ
  • 2015年11月03日 00:28
  • 5187

a标签的url带参页面跳转遇到的问题

首先说一下a标签带参传输的最基本的格式: 1.参数为普通字符串:">查看 2,参数为变量:&testId="/>">查看此时exam和id都是变量的值 3.使用el表达式传变量值:">查看此时e...

html中a连接不跳转的写法

------------------------------------------------------------------------------- 如果是个# ,就会出现跳到顶部的情...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html中a标签的跳转问题
举报原因:
原因补充:

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