- 浏览: 1566923 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (624)
- C/C++ (33)
- Java (181)
- 网络相关 (7)
- 我爱篮球 (3)
- 也爱足球 (4)
- 杂谈 (1)
- 系统架构 (3)
- Web Service (14)
- Framework (3)
- 系统命令 (8)
- 管理平台相关 (8)
- 其它 (35)
- Websphere (1)
- Struts2 (24)
- Hibernate (16)
- Spring (23)
- javascript (20)
- jquery (23)
- html/css/div (28)
- 数据库 (40)
- JavaWeb (27)
- 设计模式 (2)
- 文档编写 (3)
- SVN (5)
- Ant (1)
- Maven (13)
- 软件项目管理 (8)
- AOP (1)
- kindeditor (1)
- JSON (2)
- Servlt/JSP (4)
- WordXML (2)
- XML (12)
- 面试相关 (7)
- Tomcat (11)
- 性能与调优 (29)
- 职业发展 (2)
- 操作系统 (7)
- AJAX (2)
- DWR (1)
- Eclipse (12)
- 持续集成 (3)
- 批处理命令 (1)
- Mozilla Rhino (2)
- 新鲜技术 (18)
- Apache mina (2)
- 底层技术 (18)
- Linux (22)
- 新鲜技术,IT历史 (1)
- 敏捷开发 (1)
- 版本控制 (5)
- 较火技术 (7)
- 集群 (2)
- Web前端 (13)
- 报表工具 (3)
- 网站架构 (5)
- 大数据 (8)
- 分布式存储 (5)
- 云计算 (8)
- TCP/IP协议 (1)
- 负载均衡 (3)
- 硬件 (1)
- 表现层技术 (3)
- Velocity (3)
- jvm (6)
- 并发编程 (10)
- hadoop (8)
- 数据结构和算法 (12)
- 计算机原理 (1)
- 测试驱动开发-TDD (3)
- 开发技巧 (1)
- 分词器 (1)
- 项目构建工具 (2)
- JMX (4)
- RMI (1)
- 测试技术 (22)
- 网络完全 (1)
- Git (4)
- apache开源包 (4)
- Java常用 (1)
- mock (2)
- OSGi (2)
- MongoDB (1)
- JBPM (1)
- Storm (3)
- mysql (2)
- telnet (1)
- 正则表达式 (1)
- bootstrap (4)
- Apache ActiveMQ (1)
- redis (9)
- Nginx (2)
- rsync+inotify文件同步 (2)
- testng (1)
- 原型设计工具 (1)
- 工程能力 (1)
- 风险控制 (3)
- ibatis (1)
- 分布式 (4)
- 安全技术 (1)
- 计算机基础 (4)
- 消息中间件 (1)
- UML (2)
最新评论
-
u012236967:
java命令执行jar包(里面的main函数)的方式(包括依赖其它的jar包问题) -
世界尽头没有你:
Selenium自动化测试从入门到精通(Java版)百度网盘地 ...
自动化测试工具 Selenium WebDriver 入门教程(针对主流浏览器) -
小小西芹菜:
我喜欢代码简洁易读,服务稳定的推送服务,前段时间研究了一下go ...
dwr实现Reverse Ajax推送技术的三种方式 -
hellozhouqiao:
楼主,请教一点问题.现在我们需要在excel 的页脚里面加上图 ...
FreeMaker + xml 导出word(处理目录,图片和页眉页脚问题) -
乱在长安:
使用Timer会有各种各样的问题好嘛?!书上推荐使用Sched ...
DelayQueue (ScheduledThreadPoolExecutor调度的实现)
http://gocom.primeton.com/blog21307_27051.htm
我以前在写<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;".
TabPane的JS源码,由于onclick没有返回FALSE,当IFRMAE中关闭TABPANE时会导致href执行,页面显示有问题。解决办法就是将下面代码复制到使用TAB的JSP中。
TabPane.prototype.appendTitle =
function(tabpage){
var td = $create("td");
var strHTML = "<table
class="" + TAB_STYLE_TABLE + "" border="0" cellspacing="0"
cellpadding="0"><tr>";
strHTML +="<td><div
class=""+TAB_STYLE_LEFT+""></div></td>";
strHTML +="<td
nowarp class=""+TAB_STYLE_MID+"">";
strHTML +="<div
style="white-space:nowrap;page-break-before: always;page-break-after:
always;">";
strHTML += tabpage.getTitle();
strHTML
+="</div></td>";
if(tabpage.showCloseButton){
strHTML
+="<td nowarp class=""+TAB_STYLE_MID+"">";
strHTML +="<a
class="close" href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id
+ "\").close();return false;">";
if(isIE){
strHTML
+="<div></div></a>";
}else{
strHTML +="<div
class="close"></div></a>";
}
strHTML
+="</td>";
}
if(tabpage.allowReload){
strHTML +="<td
nowarp class=""+TAB_STYLE_MID+"">";
strHTML +="<a class="reload"
href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id +
"\").reload();return false;">";
if(isIE){
strHTML
+="<div></div></a>";
}else{
strHTML +="<div
class="reload"></div></a>";
}
strHTML
+="</td>";
}
strHTML +="<td><div
class=""+TAB_STYLE_RIGHT+""></div></div>";
strHTML
+="</td></tr></table>";
td.className = TAB_STYLE_NOMAL +
this.styleSuffix;
td.innerHTML = strHTML;
tabpage.__titleTD =
td;
tabpage.setTitleTD();
tabpage.initStatus();
this.__titleTR.insertBefore(td,this._titleTD);
tabpage.titleWidth
= td.offsetWidth;
}
发表评论
-
非常好用的两个js图表框架(各种图表)
2015-03-11 12:02 930它们都包含了示例以及源码: 1. HighCharts:h ... -
JQuery获取元素
2015-02-12 20:07 8481、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1271Jquery之树形插件 1、DynaTree (推荐使 ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1038http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1708如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
14款Web开发速查表(多图)
2014-08-10 23:31 4670转自:http://blog.csdn.net/ithome ... -
document.readyState等属性(判断页面是否加载完成)
2014-06-05 14:43 1275document.readyState:判断文档是否加载完成 ... -
12款好用的javascript框架
2014-02-14 17:30 1162JavaScipt几乎是所有前端开发人员必会的编程语言,并且 ... -
Backbone.js(MVC的Javascript框架)
2014-01-07 23:50 727backbone.js 提供了一套web开发的框架,通过 ... -
AngularJS(带有MVC模式的开源javascript框架)
2014-01-07 23:45 2309AngularJS 维基百科,自由的百科全书 跳转 ... -
使用Rhino在Java中调用Javascript脚本
2013-08-08 23:51 2311转自:http://www.iteye.com/ ... -
Extjs介绍
2013-07-12 20:32 1217ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技 ... -
JSTree简介
2013-06-20 15:20 1067官网:http://www.jstree.com/ Wh ... -
My97DatePicker
2013-05-28 15:32 910一. 简介 1. 简介 目前的版本是:4.8 2. ... -
JSON
2013-01-17 16:17 1276JSON(JavaScript Object Not ... -
在页面完全加载后执行JS
2012-06-28 13:41 1752背景:在做项目的时候,当创建功能完成跳转到一个页面并弹出“创建 ... -
JSONObject与JSONArray的使用
2012-06-28 13:35 1373参考文献: http://blog.csdn.net/ ... -
javascript学习笔记
2012-06-21 18:01 13241.在页面中导入js(这里<c:url会将context ... -
window.showModalDialog与window.open的用法
2012-06-21 14:04 1587一、window.open()支持环境: JavaScript ...
相关推荐
本文主要分享一篇关于Html A标签中href和onclick用法、区别、优先级别,具有很好的参考价值,有需要了解的朋友可以看看
在blog的后台管理中允许为一个分类添加一个地址,但是不好添加onclick事件。想传递当前对象给一个函数,于是就将这个URL写成”[removed]shoControlSidebar(this)”,可是结果... 这是<a>和<a>不同的地方。 当使用onc
以前一直很随意,后来看.net里的linkbutton似乎是用在<a>的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 ...
html超链接a标签的href跳转跟onclick之间执行关系:如果onclick返回false,则a不进行跳转,如果onclick返回true,则a跳转,感兴趣的朋友可以了解下本
a标签的href与onclick事件,想必大家不陌生吧,至于它们有什么区别,你知道吗?下面就为大家介绍下,感兴趣的朋友可以学习下,希望对大家有所帮助
a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick ...
代码如下: [removed] function doTest(){ var value = $(“input[name=’dizhi’][type=’radio’]:checked...input name=”dizhi” type=”radio” id=”dizhi” onclick=”doTest()” value=”<?php echo $rsaddr
<a href='[removed];' bfnclick='showContent({{d.CONTENT}})'>查看内容</a> [removed] 项目跑了许久,突然说点击查看内容没反应,查出原因是,d.CONTENT如果有单引号或者双引号会报js错误。 于是改成下面的形式...
1. a href=”[removed]js_method();” rel=”external nofollow” 这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发[removed]事件,在IE里面更会使gif...
js下[removed].href = [removed].href 跳转无反应 a 超链接 onclick 点击跳转无反应问题的解决方法
a href=#> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a> 点击链接后,页面不动,只打开链接 <a> 作用同上,不同浏览器会有差异。 点击链接后,不想使页面滚到页首,就用href=[removed]void(0),不要用...
html中,在标签中设的href调用js代码,共有以下几种方式 <a href ="javascript:void(0);" onclick ="js_method()"> ...<a href = "#" onclick ="js_method();return false"> 本文使用第二种方式
这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发[removed]事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在...
代码: 复制代码代码如下: <a>点我咯</a> [removed] var loadiframe = function(){ alert(‘弹不出来!... 4、onclick="loadiframe();return false"; 5、最后的解决方案,替换标签,把<a>换为 <