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

发布网友发布时间：2022-04-21 17:47

共9个回答

懂视网时间：2022-04-19 10:57

我们常用的在a标签中有点击事件：

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()"

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

4.a href="#" onclick="js_method()"

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

5.a href="#" onclick="js_method();return false;"

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

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

综合上述，在a中调用js函数最适当的方法推荐使用：

代码如下:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

热心网友时间：2022-04-19 08:05

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

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

扩展资料：

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

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

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

参考资料：百度百科-javascript

热心网友时间：2022-04-19 09:23

在<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包围。

扩展资料：

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

参考资料：

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

百度百科-javascript

-W3cSchool-HTML <a> 标签

W3cSchool-JavaScript使用

热心网友时间：2022-04-19 10:57

有一下几种方法：

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()"

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脚本-百度百科

热心网友时间：2022-04-19 12:49

<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 鼠标移出对象

热心网友时间：2022-04-19 14:57

<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>

---------

这里两种都可以，推荐第二种。

热心网友时间：2022-04-19 17:21

a标签中也可以镶嵌别的标签的，比如p，span啥的，再定义class或者ID既可以进行js操作呢。

<a><p class="aa">11</p></a>
jq:
$(".aa").click(function(){
alert(1)
})

回答不对你可以追问。

热心网友时间：2022-04-19 20:03

热心网友时间：2022-04-19 23:01

全部栏目

在&lt;a&gt;&lt;/a&gt;标签中如何调用javaScript脚本

扩展资料：

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

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