a标签中herf的用法

一、Js的几种调用方法
1、a href=“javascript:js_method();”
这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
2、 a href=“javascript:void(0);” οnclick=“js_method()”
这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
3、a href=“javascript:;” οnclick=“js_method()”
这种方法跟跟2种类似,区别只是执行了一条空的js代码。
4、a href="#" οnclick=“js_method()”
这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
5、a href="#" οnclick=“js_method();return false;”
这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

二、href="#“的作用
a中href=”#"表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。

a标签中herf的用法相关推荐

  1. a 标签中的mailto用法(调起本地邮件功能)

    1.只填写发送邮件的地址: <a href="mailto:name@email.com">Email</a> 2.发送邮件地址和邮件主题的链接: < ...

  2. HTML超链接a标签的herf、target属性用法

    HTML中a标签的herf.target属性的用法 在页面中超链接可以是一个字,一个词,或者一段话,也可以是一幅图像,可以点击这些内容来跳转到新的页面或者当前页面中的某个部分,在HTML中通常使用a标 ...

  3. 转:a标签中如果有button, 那么在IE下就不能跳转到herf的链接

    a标签中如果有button, 那么在IE下就不能跳转到herf的链接 a标签中如果有button, 那么在IE下就不能跳转到herf的链接.而火狐和google中可以 如下:此种在IE中不可以.这边的 ...

  4. php中pre标签,html中pre标签与code标签的作用与用法

    HTML 标签 定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...

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

    http://gocom.primeton.com/blog21307_27051.htm 我以前在写<A>的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: ...

  6. JS拼接字符串的过程中将JSON对象存到某个标签的属性中,encodeURIComponent(),btoa()用法介绍

    JS拼接字符串的过程中将JSON对象存到某个标签的属性中 JS拼接字符串的过程中将JSON对象存到某个标签的属性中,encodeURIComponent(),btoa()用法介绍 案例描述 实现方法 ...

  7. HTML中meta标签中charset属性的写法以及用法

    meta标签中的charset属性是用来声明文档使用的字符编码.解决文档出现乱码的问题主要就是靠它!需要注意的是,这个charset属性的声明必须写在head中最靠前的位置,否则就可能出现乱码的问题. ...

  8. <a>标签中href的几种用法

    众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"& ...

  9. a标签中href=的几种用法

    众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"& ...

最新文章

  1. 头戴式AR/VR 光学标定
  2. 超过3w的数据怎么导出来_PDF图纸怎么算量?
  3. 阿杜版主 我找您有事想请教下您!!
  4. (非原)如何让.net开发的Winform程序快速释放内存
  5. .Net Core开发日志——Peachpie
  6. Typora markdown公式换行等号对齐_下了31个markdown编辑器,我就不信选不出一个好用的...
  7. QingStor分布式存储全线升级:自研需要勇气,成功还要看实力
  8. JS在页面限制checkbox最大复选数
  9. Android音视频专题(二) 在 Android 平台使用 AudioRecord 和 AudioTrack API 完成音频 PCM 数据的采集和播放,并实现读写音频 wav 文件
  10. android qq毛玻璃,如何快速做出毛玻璃背景?有了这个网格渐变神器,1分钟搞定...
  11. 高通 mdm9607编译以及audio框架
  12. Proteus仿真:MSP430
  13. su 鉴定故障解决办法
  14. Netease Music Spider
  15. 从注册表中删除打印机列表中的打印机
  16. 三星集团继承人李在镕将接受韩国检方质询
  17. Linux内存管理(三十五):内存规整简介和 kcompactd详解
  18. 第6天2021-08-13
  19. CCA(Clear Channel Assessment)
  20. 数学---之隐函数以及求导

热门文章

  1. Kettle连接MySQL数据库报错:Driver class ‘org.gjt.mm.mysql.Driver‘ could not be found
  2. Unity3D热更新技术点——ToLua(上)
  3. 记录某学校热水卡安全性研究
  4. hdu 1166 排兵布阵
  5. java角谷_[蓝桥杯]角谷猜想问题
  6. 【三石jQuery视频教程】01.图片循环展示_重发
  7. ce修改面板属性_改属性【dnfce修改器吧】_百度贴吧
  8. Linux等保三级整改
  9. 关于DC-DC电源的总体概述
  10. tableau之仪表板与故事