`

html中,链接a的href和onclick

    博客分类:
  • JS
 
阅读更多

以前在写<A>的href和onclick一直很随意,今天无意中看到介绍这一块的网页,感觉很受用。

 

在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下: 
1. javascript:void (expression) 
2. javascript:void expression

expression 是一个要计算的 Javascript 标准的表达式。

表达式外侧的圆括号是选的,但是写上去是一个好习惯。 (实现版本 Navigator 3.0)

可以使用 void 操作符指定超级链接。

表达式会被计算但是不会在当前文档处装入任何内容。

 

下面的代码创建了一个超级链接,当用户点击以后不会发生任何事。

用户点击链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。

 

<A HREF="javascript:void(0)">单此处什么也不会发生</A>

 

下面的代码创建了一个超级链接,用户点击时会提交表单。

<A HREF="javascript:void(document.form.submit())"> 
单此处提交表单</A>

 

下面代码则执行了subgo()函数,

<a href="javascript:void(0)" onclick="subgo()">点我</a>

 

在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo()。

 

<a href="#" onclick="subgo()">点我</a>与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

 

实际上 #包含了一个位置信息默认的锚是#top, 也就是网页的上端 ;

而javascript:void(0) 仅仅表示一个死链接,没有任何信息。

所以调用脚本的时候最好用void(0)。

 

 

href一般是指向一个URL地址,也可以调用javascript ,如href="javascript:xxx();",

文档中推荐这样写:<a href=" javascript:void(0)" onclick="xxx();">xx</a>,

但是这种方法在复杂环境有时会产生奇怪的问题,尽量不要用javascript:协议做为A的href属性,

这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

 

我们知道链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回 false ,一般是这样写onclick="xxx();return false;"。

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    HTML a 标签.docx

    HTML a 标签是 HTML 中最基本也是最常用的标签之一,它用于定义锚点,可以创建指向其他文档的链接,也可以创建文档内部的书签。下面我们将详细介绍 HTML a 标签的定义、用法、属性和实例。 定义和用法 -------- ...

    html超级链接a的click事件之后跳转href所指向的地址

    需要使用a这个超级链接,而又不使用href来完成跳转,在执行完了onClick事件后,a又去跳转href所指向的地址了,下面由两种不错的解决方法,希望对大家有所帮助

    链接中的href=#是什么意思呢

    ------------------- 通常有如下用法: &lt;a&gt;关闭&lt;/a&gt; 将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。...

    给html超链接设置事件不使用href来完成跳

    有的时候,我们需要使用&lt;a&gt;这个超级链接,而又不使用href来完成跳转,而是如:&lt;a&gt;&lt;/a&gt;这种方式。这样,就不会让页面跳转。但是同时也会带来一些负面的问题,比如页面的title变成了“#”,或者页面出现了滚动条什么的...

    ASP.Net电子商务网站后台模板

    &lt;li id="now1b"&gt;&lt;a title="模板管理" onclick="show_title('生成文件管理')" href="#" target="content3"&gt; 模板管理&lt;/span&gt;&lt;/a&gt; &lt;li id="left_tab2" onClick="javascript:border_left('left_tab2','...

    GreyFrame v0.4

    &lt;a href="helloworld.html" target="MyGreyFrame"&gt;我的链接地址&lt;/a&gt; 这样就可以了, 你可以在遮罩弹出框架打开你的页面了. 除了创建框架外, 你不需要写任何脚本. 且对SEO更友好. 整个脚本只有一个很小的文件, 原码...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    links 获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。 namespaces 获取 namespace 对象的集合。 scripts 获取文档中所有 script 对象的集合。 styleSheets 获取代表与文档中每个 link 或 ...

    JS基础学习教程

    &lt;a href="#" onclick="alert('Hello world')"&gt;Link&lt;/a&gt;不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像...

    100多个很有用的javascript函数以及基础写法集合

    JavaScript 函数和基础写法...可以使用 a 标签的 href 属性和 onclick 事件来指定超链的行为。 这些是 JavaScript 中的一些常用的函数和基础写法,掌握这些知识点可以帮助开发者更好地使用 JavaScript 进行 Web 开发。

    正方教务系统

    正方教务系统是一种常见的教育管理系统,广泛应用于中国的高校和中等教育机构中。该系统提供了教师、学生和管理员三种不同的身份角色,分别拥有不同的操作权限和功能。作为学生身份,如何快速查询成绩成为了许多学生...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    &lt;a target="_self" href="javascript:void(0)" onclick="MAC.FAV('http://www.maccms.com','苹果CMS');"&gt;加入收藏&lt;/a&gt; MAC.Open(u,w,h) 弹出网页;u=网址,w=宽度,h=高度 MAC.Cookie.Set(name,value,days) 设置...

    input链接页面、打开新网页等等的具体实现

    input type=”button” name=”Submit” value=”确 定” class=”btn” onclick=”location.href=’filename.html'” /&gt; 2.返回(等同后退) &lt;input name=”Submit2″ type=”button” class=”btn” onclick=...

    javascript函数的解释

    例:&lt;a href= "a.html" onclick="location.href='b.html';return false"&gt;dfsadf&lt;/a&gt; 52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number, Object,RangeError,ReferenceError,RegExp,String,...

    107个常用javascript语句

    51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:&lt;a href="a.html" onclick="location.href='b.html';return false"&gt;dfsadf&lt;/a&gt; 52.JS的內建对象 有:Array,Boolean,Date,Error,...

    JS动态添加的div点击跳转到另一页面实现代码

    obj.onclick=function(){ [removed].href=跳转的地址 rel=external nofollow ; } 源文件: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;首页推荐页面&lt;/title&gt; &lt;meta name=author ...

    js使用小技巧

    &lt;a href="javascript:function()"&gt;word&lt;/a&gt; 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键 document.oncontextmenu = ...

    162100经典简洁网址导航 4.0.rar

    162100 经典简洁网址导航,基于162100网址导航整站系统(静态HTML版)...2、增加了导出链接形式开关(可选href、JS-onclick形式),便于提高页面SEO质量 3、增加了搜索框汉王手写输入功能 4、增加了搜索框智能联想功能

    程序员常用代码小技巧_javascript.doc

    * 锚点链接:`&lt;a href="#first"&gt;anchors&lt;/a&gt;` 网页传递参数 * 获取参数:`location.search();` 可编辑 * 可编辑:`obj.contenteditable=true` 执行菜单命令 * 执行菜单命令:`obj.execCommand` 双字节字符 *...

    cookie,dom,css,js实现页面换肤

    1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href。 &lt;link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /&gt; 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能...

Global site tag (gtag.js) - Google Analytics