a标签中javascript和void

<body> <a href="javascript:;">点了无反应</a> <a href="javascript:void(0);">点了无反应</a> <a href="javascript:void(alert('点击消息'));">点击弹出消息,不跳转</a> <a href="void(0)">点击跳转到 /void(…

最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅.注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明. 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1)点击链接后不做任何事情 1.<a href="javascript…

一个好玩的小制作，以及在<a/>中的标签href="javascript:;"/href="javascript:void(0);"/href="javascript:"的用法

一:一个小图标的制作我们在支付宝.微信等某些地方上传文件时会遇到以下的图标,但是这样的图标其实可以用<a/>标签以及css样式完成, 具体代码如下: <!DOCTYPE html> <html> <head></head> <style> .add{ display: block; /*以块级元素展示,可以设置宽高*/ width: 100px; height: 100px; position: relative; color: #…

超级链接a中javascript:void(0)弹出另外一个框问题

转字:http://my.oschina.net/castusz/blog/68186 结果在IE.Firefox.Chrome都是先执行的onclick事件,在项目中我们尽量不要同时使用这两种方式. A标签的写法我们比较熟悉的链接<a>标签写法有以下3种: 1.<a href="链接地址" ></a> 或者 2.<a href="#" onclick="触发一个事件的函数"></a>…

<a>标签中的href="javascript:;"就是去掉a标签的默认行为

<a>标签中的href="javascript:;"是什么意思? 例子:<a href="javascript:;">我的大学</a> javascript: 是一个伪协议 javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应. href="javascript:;"就是去掉a…

a标签中的javascript:;是什么

a标签中的javascript:;是什么一.问题 <a>标签中href="javascript:;"表示什么意思?? <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> 有一种说法是:href="javascript:;"会去解析<script></script>里面的代…

在<a></a>标签中如何调用javaScript脚本

在日常工作总会遇到在<a>标签中执行js代码的情况现在做一个总结,希望对大家有一个帮助. 1.a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放. W3C标准不推荐在href里面执行javascript语句. 2.a…

javaScript中的小细节-script标签中的预解析

首先介绍预解析,虽然预解析字面意思很好理解,但是却是出坑出的最多的地方,也是bug经常会有的地方,利用好预解析的特性可以解决很多问题,并且提高代码的质量及数量,浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端. 细节问题: 在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的script标签中发生,同时,…

js中 javascript:void(0) 用法详解

点击链接不做任何事情: <a href="#" onclick="return false">test</a> <a href="javascript:void(0);" >test</a> <a href="javascript:void(null)">test</a> <a href="javascript:;" >te…

JS中javascript:void(0)真正含义

对于下面的代码,其中void(0)的含义是什么? <a href="javascript:Test();void(0);">hello</a> 其实,Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式…

JavaScript中“javascript:void(0) ”是什么意思

来源: <a href="javascript:test();void(0);">here</a> 此处:Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下:1. javascript:void (expression)2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式.表达式外侧的圆括号是可选的,鉴于规范化,以及养…

<a>标签中href="javascript:;" 为什么 style不用src

&src/href  <img src="xxx.jpg"/> <script type="text/javascript" src="xxx.js"></script> <a href="http://www.baidu.com">百度</a> <link rel=&q…

javascript ie8兼容 a标签href javascript:void(0);

ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;…

转：js中javascript:void(0) 真正含义

from:http://www.jb51.net/article/71532.htm 在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. 我想使用过ajax的都常见这样的代码: 代码如下: <a href="javascript:doTest2();void(0);">here</a> 但这儿的void(0)究竟是何含义呢? void 操作符用法格式如下: 1. javascript:void (expression) 2.…

javascript jquery 修改指定标签中的内容

javascript jquery 修改指定标签中的内容 $("#test1").text("Hello world!"); document.getElementById("test1").innerHTML="New text!";…

a 标签中调用js的几种方法文章摘自他人

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"…

实现a标签中的各种点击（onclick）事件的方法

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句2. a href="javascript:void(0);" o…

a标签中的点击事件

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行 javascript语句 2. a href="javascript:void(0);&quo…

a 标签中调用js的几种方法

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行 javascript语句 2. a href="javascript:void(0);&qu…

a标签中有点击事件

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"…

A标签使用javascript:伪协议

一.前言今天,遇到一个别人挖的坑,问题是这样的. 做了一个列表页,可以筛选数据,有很多筛条件.主要是有input复选框和<a>标签两种.如图: 其中房价的筛选条件使用<a>标签,代码如下 <a href="javascript:;" name="price">150元-300元</a> 用javascript:; 来阻止了a标签跳转链接. 但是,却发现在IE下面点击a标签,居然清除了其他input复选框的筛选项,wh…

Html A标签中 href 和 onclick用法、区别、优先级别

原文:Html A标签中 href 和 onclick用法.区别.优先级别如果不设置 href属性在IE6下面会不响应hover.双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题). 代码如下复制代码 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值. 所以,比较推荐的写法是代码如下复制代…

在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?

原文:在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? <a href="javascript:alert(this.innerHTML)" mce_href="javascript:alert(this.innerHTML)">标签</a> 上面的这段代码不能得到你想要的结果,因为在<A>标记中href属性的this对象不是指代的当前的<A>标记, 这个时候的this是…

关于在"a"标签中添加点击事件的一些问题

昨天做修改页面跳转时遇到一个问题,如果a标签的"href"属性为空的话,比如这样<a href="" onclick="roleupdate()">修改</a>,这时当我点击修改链接时并没有给我跳到对应修改页面,而是只在本页面进行了刷新操作:如果写成<input type="button" onclick="roledelete()" value="修改"&…

a标签中href属性引起的页面不跳转问题

先简单描述问题,今天在做一个简单的提交页面的时候,碰到了跳转不了的问题.其中a标签的形式<a href="" onclick="submit()">.注意href属性的写法. 然后在submit()中处理完了之后,想做一个跳转:location.href=“xxxxx",不行:我直接在console中打这个网址可以跳过去,但是赋值就跳不过去,甚至赋完值location.href的值没变.最后才发现是上面a标签中href属性写法不对.上面赋值lo…

A标签中 href 和 onclick用法、区别、优先级别

(内容摘自:https://blog.csdn.net/chenchunlin526/article/details/77346049) Html A标签中 href 和 onclick 同时使用的问题优先级别 1 顺序 ie 6 : href 先触发 onclick 后触发其他浏览器先触发onlick 后触发 href 2 href="javascript: xxx()" 不能传入this作为参数 onclick可以代码如下复制代码 <a href="ja…

<a>标签中的href如何调用js代码

在HTML中,<a>标签的href属性用于指定超链接的目标的URL.在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的(注:活动链接是“正在被打开的链接”) 示例如下所示: <p> <a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接.</p> <p><a href="…

a标签中href=""的几种用法（转）

a标签中href=""的几种用法标签: html / a标签 / javascript 46371 众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>,所以就来整理下a标签中href的几种用法. 一.Js的几种调用方法(参考总结的) 1.a href="javascript:js_method()…

[转]href="#"与javascript：void（0）的区别

本文转自:http://www.cnblogs.com/suizhikuo/p/3928411.html 如果我们想把a标签中的链接置成空链接,我们一般会用两种方法: 1 <a href="#" target="_blank"></a> 或者 1 <a href="javascript:void(0);" target="_blank"></a> 以上两种方法很多人都认为是空链接…

我们常用的在a标签中有点击事件

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"…