在a标签中使用javascript
我们常用的在a标签中有点击事件：
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，页面不发生跳转，执行后还是在页面的当前位置。
我看了下taobao的主页，他们采用的是第2种方法，而alibaba的主页是采用的第1种方法，和我们的区别是每个href里的javascript方法都用try、catch包围。
综合上述，在a中调用js函数最适当的方法推荐使用：
a href="javascript:void(0);" οnclick="js_method()"
a href="javascript:;" οnclick="js_method()"
a href="#" οnclick="js_method();return false;"
js的方法中 字符串型要加引号
在a标签中使用javascript相关推荐
- a标签中href=javascript:;表示什么意思？？
2019独角兽企业重金招聘Python工程师标准>>> javascript: 是一个伪协议,其他的伪协议还有 mail: tel: file: 等等. 1 < a i ...
- 攻下《JavaScript高级程序设计》——第二章 在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
- JavaScript程序基础（一）网页中引入Javascript的三种方法
JavaScript是一种基于对象的脚本编程语言,具有动态.跨平台.基于对象和安全等特性.它不需要经过编译,而是直接嵌入在HTML页面中运行,可把单纯的HTML页面转变成支持用户交互和事件响应的动态页 ...
- 《JavaScript权威指南第7版》第15章 Web浏览器中的JavaScript 15.1 15.2 15.3
第15章 Web浏览器中的JavaScript 15.1 网络编程基础 15.1.1 HTML script 标签中的JavaScript 模块 指定脚本类型 脚本运行时:异步和延迟 按需加载脚本 1 ...
- 前端小技巧：javascript 获取标签中的属性 对指定标签中的属性进行操作
javascript 标签中指定属性值的更改与获取 适用于基本标签 <input><i><a>等基本标签 引用jQuery,两种方式 使用下面的input标签为例子 ...
- 在html标签中写alert,文本不会写入页面，但会显示在alert（）消息中。 JavaScript和HTML...
我正在开发一个表单来收集一些信息.我在我的代码中设置了一些设置,当名字文本框更改(onchange)时,子标题( )将使用名字填充.文本不会写入页面,但会显示在alert()消息中. JavaScri ...
- [译] ES6+ 中的 JavaScript 工厂函数（第八部分）
本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...
- 在js中加html_在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在标签之间 (少): 2.放置在有 3.放置自HTML事件处理程序中,该事件处理程 ...
- 润乾报表JSF FORM 标签中使用填报表解决方案
需求 润乾报表的标签需要在jsf页面中和其他填报控件一起使用,润乾报表负责展现录入部分数据,并且这部分数据和页面的其它控件的数据存在前台和后台的交互. 问题 润乾报表在前台会生成自己的form, ...
最新文章
- eeglab教程系列(15)-绘制独立成分ERP贡献
- 次元网站女装穿起来，从A站到Z站，你知道哪个？谁才是你的最爱？
- NetBeans 时事通讯（刊号 # 60 - Jun 21, 2009）
- SHA-1算法的C语言实现（源码来自网络）
- 【转】刨根究底字符编码之十——Unicode字符集的字符编码方式
- [转载] Java是不是面向对象的程序
- matlab对经济指标分析,经济背景下的数据预测分析--基于matlab建模（郑铿城）
- MiniO对象存储服务 磁盘缓存快速入门
- 2015.12.08-2015.12.11 硕士毕业大论文 前端技术学习
- Vue 应用性能优化指南（转）
- java for新循环_java新特性-新式for循环(For_Each)
- 有没有发现4G网速越来越慢了？
- xgp游戏列表_Steam疯狂周三游戏推荐：动物百科全书
- 【Numpy基础】矩阵数组相乘与神经网络的实现
- 二元函数可导与可微的关系_视频教学：期末试卷解析之多元函数基本概念及相互关系讨论...
- Ubuntu设置截图的快捷键
- 水滴互助 ：网络互助「创新者窘境」如何打破？
- windows server 2012 安装 VC2015 安装失败0x80240017解决方法
- 华为流程解析流程的端到端
- 航班查询php代码,基于php的实时航班api调用代码实例