在<a></a>标签中如何调用javaScript脚本

如题所述

<a href="javascript:void(0);" onclick="functionname()" >aaaa</a>

这是最常用的调用的办法,可以参考一下

其他办法在一定程度上具有可行性,但是不常用,可以对比一下效果选择最适合的

<a href="javascript:;" onclick="js_method()”></a>

<a href="#" onclick="js_method();return false”;></a>

扩展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1] 

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

参考资料:百度百科-javascript

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2019-10-22

在<a></a>中调用javaScript脚本的方法推荐如下:

1、<a href="javascript:void(0);" onclick="js_method()”></a>

这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

2、<a href="javascript:;" onclick="js_method()”></a>

这种方法跟第1种类似,区别只是执行了一条空的js代码。

3、<a href="#" onclick="js_method();return false”;></a>

这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

除此之外,还有两个方法供参考:

1、 <a href="javascript:js_method();"></a>a

这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

2、<a href="#" onclick="js_method()"></a>

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

扩展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

参考资料:

HTML5.2官方API接口<a>元素

百度百科-javascript

-W3cSchool-HTML <a> 标签

W3cSchool-JavaScript使用




本回答被网友采纳
第2个回答  推荐于2019-10-12

有一下几种方法:

1、a href="javascript:js_method();" 

这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

W3C标准不推荐在href里面执行javascript语句。

2、a href="javascript:void(0);" onclick="js_method()"

这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3、a href="javascript:;" onclick="js_method()"  

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
<a href="#"></a> 如果页面有滚动条 点击后网页后返回到页面的最顶端。

4、a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。


扩展资料:

JS全称为javascript,是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言遗留的速度问题。

JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。

Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996 年开始,已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年,在 1997 年 7 月,ECMA 会员大会采纳了它的首个版本。

在 1998 年,该标准成为了国际 ISO 标准 (ISO/IEC 16262)。这个标准仍然处于发展之中。

参考资料:JS脚本-百度百科

本回答被网友采纳
第3个回答  推荐于2017-10-06
<a href="javascript:void(0);" onclick="functionname()" >aaaa</a>
<a href="javascript:functionname('dd')" >ddddd</a>
<a href="javascript:;"onclick="functionname()" >ddddd</a>
<a href="#"onclick="functionname()" >ddddd</a>
通过上述几种方法均可调用javascript角本。
相关知识:
1、在通过上述几种方法调用js脚本的时候,可以在js的函数中对相关内容进行验证,例如验证失败,则返回false;即return flase;则不执行任何操用。
2、可以通过js实现种类繁多的效果。
3、onclick 事件说明:
onclick 事件会在对象被点击时发生,这个点击是指用户用鼠标在对象上按下鼠标,然后又抬起鼠标的情况下才会激活,只是按下不抬起鼠标不会激活。
即a标签被点击后执行引号中的js程序代码,这个代码基本上可以放在任何一个html对象之中执行,如<div><body><ul><li><a><p>等等。
4、如果在按下鼠标就激活,可以将以上的代码进行替换,将onclick替换为onmousedown
5、其它鼠标相关事件说明,可根据需要进行替换。
onDblClick 双击鼠标
onMouseUp 鼠标抬起
onMouseOver 鼠标移动到对象上方
onMouseMove 鼠标移动时执行
onMouseOut 鼠标移出对象
第4个回答  推荐于2016-01-08
<html>
<head>
<script type="text/javascript">
function myf(){
alert("我是链接2");
}
</script>
</head>
<body>
<a href="javascript:alert('我是链接1')">链接1</a>
<a href="#" onClick="myf()">链接2</a>
</body>
</html>

---------

这里两种都可以,推荐第二种。本回答被提问者和网友采纳
相似回答