精华内容
下载资源
问答
  • 本文实例讲述了JavaScriptclick和onclick本质区别与用法。分享给大家供大家参考,具体如下: 原生javascript的clickw3c里边的阐述是DOM button对象,也是html DOM click() 方法,可模拟按钮上的一次鼠标单击。...
  • 原文:Html A标签 href 和 onclick用法、区别、优先级别如果不设置 href属性IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。 代码如下 复制代码 ...
    原文:Html A标签中 href 和 onclick用法、区别、优先级别

    如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。
     代码如下 复制代码
    <a href="javascirpt:fn(this)"> <a οnclick="fn(this)">

    假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值。

    所以,比较推荐的写法是

     代码如下 复制代码
    <a href="http://zxffl.blog.163.com/blog/javascript:void(0)" οnclick="fn(this)">


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

     代码如下 复制代码

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

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

     代码如下 复制代码

    <a href="http://blog.163.com/wb_zhaoyuwei/blog/#" οnclick="subgo()">点我</a>与<a href="javascript:void(0)" οnclick="subgo()">点我</a>区别。

    实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ,而javascript:void(0) 仅仅表示一个死链接,没有任何信息。所以调用脚本的时候最好用void(0)

        href一般是指向一个URL地址,也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写:<

     代码如下 复制代码
    a href="http://www.111cn.net/zhongxing/U880/ javascript:void(0)" οnclick="xxx();">xx</a>,

    但是这种方法在复杂环境有时会产生奇怪的问题,尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

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

    TabPane的JS源码,由于onclick没有返回FALSE,当IFRMAE中关闭TABPANE时会导致href执行,页面显示有问题。解决办法就是将下面代码复制到使用TAB的JSP中。

    Html A标签中 href 和 onclick 同时使用的问题 优先级别

    1 顺序
    ie 6 : href 先触发 onclick 后触发
    其他浏览器 先触发onlick 后触发 href

    2 href="javascript: xxx()"
    不能传入this作为参数
    onclick可以

     代码如下 复制代码
    <a href="javascript:alert('href event');" οnclick="clickevent(this);">

    3 优先触发的方法如果返回 false 导致后一个事件不被触发
    比如

     代码如下 复制代码
    <a href="javascript:alert('href event');" οnclick="clickevent(this); return false;">

    4
    <a href="http://zxffl.blog.163.com/blog/#"> 会导致页面定位到书签位置,

    5
    由于 1和 4 的原因
    在ie6 下 同时有 <a href="http://zxffl.blog.163.com/blog/#" 和 onclick的时候 由于页面先因为href重新载入了一次,导致 onclick事件被浏览器丢弃。


    6 总结:
    1) 在不需要传递this作为方法的参数时候,推荐
    只使用href="JavaScript: "

    2) 如果需要使用this参数,推荐

     代码如下 复制代码
    <a href="javascript:void(0);" οnclick="doSomthing(this)" >

     
    如下面一个列子。
    我们需要A在第一次和第二次点击的时候 访问 href 第3次以后的就访问另一个地址
     

     代码如下 复制代码

    var href=0

    function clicka(obj)
    {
     if (href==2)
     {
      obj.href="http://www.baidu.com?qc";
     }else
     {
      href++;
     }
     return true;
     
    }

     
     
    <a href="http://www.111cn.net/" target=_blank id="showa" οnclick="clicka(this)">  开屏高速下载 </a> 

    在a标签的href与onclick中使用javascript的区别 


    链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接);
    假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉;
    如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;
    如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;
    在按住Shift键的情况下会有所区别。
    今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。
    尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
    就这些,花了不少时间在这上面。

    [缘由]
    用CheckBoxList控件时想实现在每个checkbox后再加链接的功能,点链接实现一些功能之外,还要把checkbox选中。

     代码如下 复制代码

    <input type="checkbox" name="chk" id="chk">
    <label for="chk">选中它<a οnclick="this.parentNode.click();" href="http://luwenxiang1990.blog.163.com/blog/#" style="border:solid 1px blue;">[label中的链接]</a></label>

    最后用parentNode来实现的。

    posted on 2015-05-27 10:00 NET未来之路 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/lonelyxmas/p/4532632.html

    展开全文
  • 如果不设置 href属性IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。 代码如下  <a> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值。 所以,比较...
  • 的href和onclick一直很随意,今天无意看到介绍这一块的网页,感觉很受用。   Javascriptvoid是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. javascript:void ...

    以前在写<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)" οnclick="subgo()">点我</a>

     

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

     

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

     

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

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

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

     

     

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

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

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

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

     

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

     

     

     

     

     

     

     

     

    展开全文
  • html中对lable的用法

    2012-11-02 13:29:00
    一些没有办法输入文字提示的标签可以使用lable来作为该标签的提示,也可以使用lable来触发某个标签的默认click事件(当且仅当只能触发click事件) 例如: <span id="spanTest" onclick="alert(1)">fffffff...

    在一些没有办法输入文字提示的标签中可以使用lable来作为该标签的提示,也可以使用lable来触发某个标签的默认click事件(当且仅当只能触发click事件)

    例如:    <span id="spanTest" οnclick="alert(1)" >fffffff</span>
        <label for="spanTest">测试是否触发了span的事件</label>这样写当鼠标点击lable标签时是可以触发span标签的click事件。

    但是如果把代码给成如下:

      <span id="spanTest" οnmοuseοver="alert(1)" >fffffff</span>
        <label for="spanTest">测试是否触发了span的事件</label>当鼠标移动到lable标签上是就不会触发onmouseover事件。

    所以总结:使用lable只能触发某标签的click事件,而没有办法触发标签的其他事件。

    转载于:https://www.cnblogs.com/Minghao_HU/archive/2012/11/02/2751096.html

    展开全文
  • 之前处理导航栏和tab关联的时候看别人对插件的使用,a标签触发事件,获取a标签的href,data-id属性,来创建一个新的tab,并且不处罚href,iframe根据href打开新的iframe。 用法: &lt;div&gt; &...

    之前处理导航栏和tab关联的时候看别人对插件的使用,在a标签中触发事件,获取a标签的href,data-id属性,来创建一个新的tab,并且不处罚href,在iframe中根据href打开新的iframe。

    用法:

    <div>
        <a class="b" href="111.html" id="a" onclick="qwe();event.returnValue=false;">123</a>
        <a class="b" href="111.html" id="a" onclick="qwe();return false;">123</a>
    </div>
    
    
    <script>
        function qwe(){
            alert("a");
        }
    </script>

    两种写法都可以。

    使用JQ,不启用onclick:

    <div>
        <a class="b" href="111.html" id="a" >123</a>
    </div>
    
    <script type="text/javascript">
    
    $(document).ready(function(){
     
        $(".b").click(function(){
            alert("1");
            return false;
        });
    })
           
    
    </script>

    只需要给click事件返回一个false就不会执行href链接跳转。

    上面的写法是动态创建tab,需要获取href的值,

    另外如果不需要href的值可以直接这样写,实现href失效:

    <div>
        <a href="javascript:void(0)" onclick="qwe()">123</a> 
    </div>

    javascript:void(0),计算的值是0,此时是个死链接。

    展开全文
  • js重写a标签的href属性和onclick事件

    千次阅读 2018-05-11 16:58:13
    Html A标签 href 和 onclick用法、区别、优先级别2016年03月07日 12:39:41阅读数:7841 http://gocom.primeton.com/blog21307_27051.htm 我以前写&lt;A&gt;的href和onclick一直很随意,后来出过几次...
  • 本文实例讲述了javascriptthis的用法。分享给大家供大家参考,具体如下: 实践一:this点击等事件的指向 html结构: <button id='btn'>click me</button> javascript结构: var btn = document...
  • 转自:http://www.cnblogs.com/AKI-LILI/p/6047870.html 这里面的return含有一些细节知识: 例如:onClick='return add_...JAVASCRIPT事件调用函数时用return返回值实际上是对window.event.returnvalue进行...
  • 网上下了一个,但我就是不知道怎么数据库体现 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 ...
  • jsthis关键字的用法

    2014-03-03 19:34:39
    1、在HTML元素事件属性inline方式使用this关键字     &lt;div onclick=" // 可以在里面使用this "&gt;division element&lt;/div&gt;   我们一般比较常用的方法是在此...
  • HTML 表单 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时,该...
  • jsreturn的作用及用法

    千次阅读 2017-01-05 15:21:04
    转:http://www.cnblogs.com/AKI-LILI/p/6047870.html 这里面的return含有一些细节知识: ...例如:onClick='return add_onclick()...JAVASCRIPT事件调用函数时用return返回值实际上是对window.event.returnv
  • Javascriptvoid是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 ...
  • js,html,vb中单引号和双引号的用法

    千次阅读 2012-11-16 18:09:22
    js、html中的单引号、双引号及其转义使用(转) 收藏   js中对相关字符做判断或取值的时候很多情况下都会用到这些,也是我刚刚遇到的问题,通过参考下面的这篇文章,一切都解决了,摘抄下来做个笔记!呵呵... ---...
  • A的href和onclick

    2011-09-16 17:08:59
    我以前写的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: 首先摘录一篇文档: Javascriptvoid是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法...
  • 正常情况下的用法 1.<a href="javascript:void(0)" onclick="if(confirm('确定要删除吗?')){RemoveTable(this); }" class="del">删除</a> 字符串拼接 var html="<a href="javascript:void(0)" ...
  • JS事件用法

    2017-08-12 18:45:00
    1.常用事件理解 onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适。 onclick/ondblclick:鼠标单击和双击事件 ...如果是有名称,那么在html页面只能写一个。 onmouseover/onmouseou...
  • s、html中的单引号、双引号及其转义使用(转) 收藏 js中对相关字符做判断或取值,或者拼HTML赋值的时候很多情况下都会用到这些,也是我刚刚遇到的问题,通过参考下面的这篇文章,一切都解决了,摘抄下来做个笔记!...
  • My97DatePicker 日历控件的简单用法

    千次阅读 2011-05-28 12:06:00
    然后页面引入该组件js文件: 可以在在解决方案资源管理器找复制到项目文件夹的My97DatePicker的WdatePicker.js 拖到HTML代码3、页面使用方式: 页面添加一个TEXT标签,标签添加点击事件onClick...
  • Vue:v-on、v-bind、v-model用法

    千次阅读 2019-06-04 11:33:50
    一般v-on:click 可以缩写为 @...示例:例如我们在HTML的body加入一个绑定了事件的button <div id="app"> <button v-on:click="onClick">点击这里</button> </div> 在js的methods...
  • 大口仔的随笔里面,曾提到过多种javascript的this用法。然而有时候this可能绑定的不是我们真正想绑定的那个对象,而我们又不得不用它来传递一些东西的时候,采用别名可能是一个不错的选择,下面的例子会说明我的...
  • 段落上按下鼠标按钮时执行一段 JavaScript: ...定义和用法 ...//提示:相对于onmousedown 事件的事件次序(限于鼠标左/键): //onmousedown onmouseup onclick // 相对于 onmousedown...

空空如也

空空如也

1 2 3 4
收藏数 61
精华内容 24
关键字:

onclick在html中用法