a标签中herf的用法
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的用法相关推荐
- a 标签中的mailto用法(调起本地邮件功能)
1.只填写发送邮件的地址: <a href="mailto:name@email.com">Email</a> 2.发送邮件地址和邮件主题的链接: < ...
- HTML超链接a标签的herf、target属性用法
HTML中a标签的herf.target属性的用法 在页面中超链接可以是一个字,一个词,或者一段话,也可以是一幅图像,可以点击这些内容来跳转到新的页面或者当前页面中的某个部分,在HTML中通常使用a标 ...
- 转:a标签中如果有button, 那么在IE下就不能跳转到herf的链接
a标签中如果有button, 那么在IE下就不能跳转到herf的链接 a标签中如果有button, 那么在IE下就不能跳转到herf的链接.而火狐和google中可以 如下:此种在IE中不可以.这边的 ...
- php中pre标签,html中pre标签与code标签的作用与用法
HTML 标签 定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...
- Html A标签中 href 和 onclick用法、区别、优先级别
http://gocom.primeton.com/blog21307_27051.htm 我以前在写<A>的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: ...
- JS拼接字符串的过程中将JSON对象存到某个标签的属性中,encodeURIComponent(),btoa()用法介绍
JS拼接字符串的过程中将JSON对象存到某个标签的属性中 JS拼接字符串的过程中将JSON对象存到某个标签的属性中,encodeURIComponent(),btoa()用法介绍 案例描述 实现方法 ...
- HTML中meta标签中charset属性的写法以及用法
meta标签中的charset属性是用来声明文档使用的字符编码.解决文档出现乱码的问题主要就是靠它!需要注意的是,这个charset属性的声明必须写在head中最靠前的位置,否则就可能出现乱码的问题. ...
- <a>标签中href的几种用法
众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"& ...
- a标签中href=的几种用法
众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"& ...
最新文章
- 头戴式AR/VR 光学标定
- 超过3w的数据怎么导出来_PDF图纸怎么算量?
- 阿杜版主 我找您有事想请教下您!!
- (非原)如何让.net开发的Winform程序快速释放内存
- .Net Core开发日志——Peachpie
- Typora markdown公式换行等号对齐_下了31个markdown编辑器,我就不信选不出一个好用的...
- QingStor分布式存储全线升级:自研需要勇气,成功还要看实力
- JS在页面限制checkbox最大复选数
- Android音视频专题(二) 在 Android 平台使用 AudioRecord 和 AudioTrack API 完成音频 PCM 数据的采集和播放,并实现读写音频 wav 文件
- android qq毛玻璃,如何快速做出毛玻璃背景?有了这个网格渐变神器,1分钟搞定...
- 高通 mdm9607编译以及audio框架
- Proteus仿真:MSP430
- su 鉴定故障解决办法
- Netease Music Spider
- 从注册表中删除打印机列表中的打印机
- 三星集团继承人李在镕将接受韩国检方质询
- Linux内存管理(三十五):内存规整简介和 kcompactd详解
- 第6天2021-08-13
- CCA(Clear Channel Assessment)
- 数学---之隐函数以及求导
热门文章
- Kettle连接MySQL数据库报错:Driver class ‘org.gjt.mm.mysql.Driver‘ could not be found
- Unity3D热更新技术点——ToLua(上)
- 记录某学校热水卡安全性研究
- hdu 1166 排兵布阵
- java角谷_[蓝桥杯]角谷猜想问题
- 【三石jQuery视频教程】01.图片循环展示_重发
- ce修改面板属性_改属性【dnfce修改器吧】_百度贴吧
- Linux等保三级整改
- 关于DC-DC电源的总体概述
- tableau之仪表板与故事