标签的href 和onclick 浅析

来源:互联网 发布:linux 网卡dns配置 编辑:程序博客网 时间:2024/06/08 05:36

HTML用<a>来表示超链接,英文叫anchor。

 

关于href

<a> 的href有以下用法 


(1)指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: 

 

<a href="url">链接的显示文字</a> 

 

 

举几个例子:

<a href="index.htm">回到主页</a>
<a href="sound.wav">播放语音文件</a>
<a href="javascipt.open()">执行对应的程序</a>
<a herf="document.doc">打开对应的文档进行加工</a>

 

(2) 执行一段Javascript

 

例如:

<a href="javascript:functionName();"></a>

其中functionName()是要执行的js函数

 

关于onclick

   几乎每个html标签都有onclick属性,所以<a> 也不例外,onclick就是点击事件要触发的操作,

href也是出发的操作,那么href和onclick有什么关系呢?

   href的执行与否是依赖于onclick操作的,如果onclick执行后的返回值为false的话href就不会执行,返回true才会执行

例子:

function test(){

  return false;

}

<a href=http://www.baidu.com onclick="return test();">aaaaa <a/>

当点击该链接后,页面并不会跳转到www.baidu.com

注:或许我也的不全,这只是用来做我的笔记,有错误之处还请指出

原创粉丝点击