在<a></a>标签中如何调用javaScript脚本
发布网友
发布时间：2022-04-21 17:47
共9个回答
懂视网
时间：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()"
这种方法是很多网站最常用的方法，也是最周全的方法，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
<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
热心网友
时间：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包围。
扩展资料：
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使用
热心网友
时间：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()"
这种方法是很多网站最常用的方法，也是最周全的方法，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脚本-百度百科
热心网友
时间：2022-04-19 12:49
<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
<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
