- 浏览: 1591066 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (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 972它们都包含了示例以及源码: 1. HighCharts:h ... -
JQuery获取元素
2015-02-12 20:07 8751、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1300Jquery之树形插件 1、DynaTree (推荐使 ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1072http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1742如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
14款Web开发速查表(多图)
2014-08-10 23:31 4699转自:http://blog.csdn.net/ithome ... -
document.readyState等属性(判断页面是否加载完成)
2014-06-05 14:43 1320document.readyState:判断文档是否加载完成 ... -
12款好用的javascript框架
2014-02-14 17:30 1189JavaScipt几乎是所有前端开发人员必会的编程语言,并且 ... -
Backbone.js(MVC的Javascript框架)
2014-01-07 23:50 759backbone.js 提供了一套web开发的框架,通过 ... -
AngularJS(带有MVC模式的开源javascript框架)
2014-01-07 23:45 2341AngularJS 维基百科,自由的百科全书 跳转 ... -
使用Rhino在Java中调用Javascript脚本
2013-08-08 23:51 2387转自:http://www.iteye.com/ ... -
Extjs介绍
2013-07-12 20:32 1250ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技 ... -
JSTree简介
2013-06-20 15:20 1096官网:http://www.jstree.com/ Wh ... -
My97DatePicker
2013-05-28 15:32 950一. 简介 1. 简介 目前的版本是:4.8 2. ... -
JSON
2013-01-17 16:17 1311JSON(JavaScript Object Not ... -
在页面完全加载后执行JS
2012-06-28 13:41 1775背景:在做项目的时候,当创建功能完成跳转到一个页面并弹出“创建 ... -
JSONObject与JSONArray的使用
2012-06-28 13:35 1404参考文献: http://blog.csdn.net/ ... -
javascript学习笔记
2012-06-21 18:01 13561.在页面中导入js(这里<c:url会将context ... -
window.showModalDialog与window.open的用法
2012-06-21 14:04 1613一、window.open()支持环境: JavaScript ...
相关推荐
`href`和`onclick`都是与`<a>`标签交互相关的属性,但它们的作用和执行顺序有所不同,理解这些差异对于优化用户体验和控制页面行为至关重要。 首先,`href`属性是`<a>`标签的核心属性,它定义了链接的目标地址。当...
当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时,`this`对象的行为可能会变得复杂,特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题,并提供解决思路。 首先,`this`关键字在...
在`<a>`标签中,`href`和`onclick`是两个重要的属性,它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性,用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL,指向另一个网页;也可以是一个...
`<a>`标签有两个关键属性,即`href`和`onclick`,它们都可以用来控制页面的跳转行为,但具体使用方式和效果有所不同。 1. `href`属性:`href`属性是`<a>`标签的核心属性,用于定义链接的目标URL。当用户点击这个...
serverListObj.append("<li><a href='#' name='servers' onclick='GetServer(this)'>" + areaList[0] + "</a></li>"); GetServer("<a href='#' name='servers' onclick='GetServer(this)'>" + areaList[0] + "</a>...
HTML中的超链接`<a>`标签是网页...总的来说,理解`<a>`标签的`href`跳转和`onclick`事件的执行顺序及相互作用,对于创建具有动态功能和良好用户体验的网页至关重要。合理运用这些特性,可以让网页交互更加灵活和智能。
`href`和`onclick`都是`<a>`标签的重要属性,它们各自承担着不同的职责,但在某些场景下可能会同时使用,这就涉及到它们之间的区别和交互。 1. **事件顺序**: 当一个`<a>`标签同时具有`href`和`onclick`时,`...
首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick ...
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍.doc
代码如下: [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="#" onclick="js_method();">点击我</a> ``` 使用`#`作为`href`值,点击后会回到页面顶部。这在某些场合下可能不是我们期望的结果。 ### 方法5: `href="#"` + `onclick` + `return false;` ```html <a href...
<a href='[removed];' bfnclick='showContent({{d.CONTENT}})'>查看内容</a> [removed] 项目跑了许久,突然说点击查看内容没反应,查出原因是,d.CONTENT如果有单引号或者双引号会报js错误。 于是改成下面的形式...
总的来说,理解`window.location.href`的工作原理以及如何正确地与`<a>`标签的`onclick`事件结合使用,是解决此类问题的关键。通过使用`javascript:void(0)`和控制`onclick`事件的行为,我们可以确保在各种情况下都...
<a href="#section1">跳转到第一部分</a> <!-- 内容 --> ``` 当用户点击“跳转到第一部分”的链接时,浏览器会滚动到ID为`section1`的元素所在的位置。 接下来,要实现“onclick”事件,我们需要在JavaScript...