首页 / JAVASCRIPT / a标签如何调用JavaScript

a标签如何调用JavaScript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了a标签如何调用JavaScript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1909字，纯文字阅读大概需要3分钟。

内容图文

本文主要给大家介绍了关于a标签如何调用JavaScript的相关资料，文中通过示例代码介绍的非常详细，对大家学习具有一定的参考学习价值，希望能帮助到大家。

我们常用的在a标签中有点击事件：
<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好

a href="javascript:js_method();"

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

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

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

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

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

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

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

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

内容总结

以上是互联网集市为您收集整理的a标签如何调用JavaScript全部内容，希望文章能够帮你解决a标签如何调用JavaScript所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/293612.html

来源：【匿名】

【上一篇】JS中超文本<a>标签的使用方式【下一篇】javascript 怎么调用php方法

更多 ►

【a标签如何调用JavaScript】教程文章相关的互联网学习教程文章

iOS中使用JavaScriptCore实现Objective-C和JavaScript的相互调用【代码】【图】

最近看了一个对Github上面编程语言使用统计的排行榜，JavaScript真可以说是一枝独秀，很难想象20年前，这个语言只是浏览器中的装饰性语言，能做的事情也就是一点特效或者检查一下要提交给服务器的表单是否满足要求。今天的JavaScript已经是一个全栈语言，从客户端到服务器无所不在。很多编程语言都提供了跟JavaScript进行交互的接口，这一点在iOS开发中也不例外。 ??iOS7以前，在App中调用JavaScript的方式只有一种，就是通过UIWe...

javascript调用的一些常用方法

getElementsByName()方法实列:<bordy><from method="post" action="test"><fieldset>　　<legend>颜色</legend>　　<input type="radio" name="radColor" value="red"/>红<br/><fieldset></from><script>var i = document.getElementByName("radColor");</script></body>getElementById()方法这个是DOM定义的第二种方法，它将返回ID特性等于指定元素。列:<div id="div1">你好</div>调用var div = document.getElementByid("div1");...

【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures)【代码】【图】

公众号：SAP Technical本文作者：matinal原文出处：http://www.cnblogs.com/SAPmatinal/ 原文链接：【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures) 前言部分大家可以关注我的公众号，公众号里的排版更好，阅读更舒适。正文部分前面几篇讲了SAP HANA XS JavaScript（JS）的基础内容和相应API，这篇讲一下JavaScript如何与后台交互，此篇讲存储过程（Procedures）。从SAP HANA XS服务器端JavaScript...

JDK8中Java调用Javascript脚本引擎动态定义与执行代码【代码】

import java.lang.*; import java.util.Arrays; import java.util.List;import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager;public class ScriptEngineTest {public static void main(String[] args) throws Exception {ScriptEngineManager sem = new ScriptEngineManager();ScriptEngine engine = sem.getEngineByName("javascript"); //python or jython, <pre na...

Java8 Nashorn实现Java调用javascript代码【代码】

最近项目需要，利用java执行动态语言，首先想到的是支持js。1.从打印Hello World开始Java8 引入Nashorn实现javascript调用，比如使用java运行一段js实现“Hello World”打印：package com.iflytek.research.jsdemo;import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException;public class NashornTest {public static void main(String[] args) {// 加载nashorn执行引擎Sc...

JavaScript--3种函数调用的方法【代码】

1、函数的简单调用：<script > function fn(p){alert(p); } </script><body><script>fn("简单调用JavaScript函数");</script></body>2、事件响应中调用函数<script > function fn(){alert("success"); } </script><body> <form action="method" type="post"> <input type="button" value="提交" onclick="fn()"> </form></body>3、通过链接调用函数<script >　　function fn(){alert("success");}</script> <body> 　　<a href="ja...

JavaScript或者Jqurey把控件id作为參数来调用

1.JavaScript把控件id作为參数调用<script type="text/javascript">function xx(pmba){document.getElementById(pmba).style.display = "block";}</script><div id="overlay"><input type="button" value="弹出A" onclick="xx(‘xa‘)" /><input type="button" value="弹出B" onclick="xx(‘xb‘)" /></div><div class="win" id="xa">网页a</div><div class="win" id="xb">窗体b</div> 2.这个弄了好一会儿，仅仅写一个Jqurey函数，...

ASP.NET中前台javascript与后台代码调用

ASP.NET中前台javascript与背景代码调用 1如安正在JavaScript访问C#函数? 2.如安正在JavaScript访问C#变量? 3.如安正在C#中访问JavaScript的已经有变量? 4.如安正在C#中访问JavaScript函数? 标题1谜底以下： javaScript函数中实施C#代码中的函数：方法一：一、起首成立一个按钮，正在背景将调用或许搞定的内容写入button_click中; 二、正在前台写一个js函数，内容为document.getElementById("btn1").click(); 三、正在前台或许背景...

js中的方法调用【代码】

es5语法下，javascript如何判断函数是new还是()调用

es5语法没有支持类class，但是可以通关函数来申明一个类，如下：function Person(name){　　this.name=name;}var john=new Person(‘john‘)；console.log(john.name);//john但是这个类可以直接像函数执行那样调用：Person()判断是不是被new还是()调用得这样修改上面这个类：function Person(name){　　this.name=name;　　if(this instanceof Person){ 　　　　alert(‘new调用‘); 　　}else{ 　　　　alert(‘函数调用...

javascript——四种函数调用形式【代码】

此文的目的是分析函数的四种调用形式，弄清楚函数中this的意义，明确构造函对象的过程，学会使用上下文调用函数。　　在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式. 这里所有的调用模式中，最主要的区别在于关键字 this 的意义. 下面分别介绍这个几种调用形式. ...

javascript中函数定义调用及封闭，闭包用法总结

1， javascript函数定义调用 function test(){ alert("aaa"); } var a=function(){ alert(‘aa‘); } 2，javascript函数参数 function test(a,b){ return a+b; } 3,javascript封闭函数 (function (){ alert(‘www.96net.com.cn‘); })(); 4, javascript 闭包函数函数里面嵌套函数 function a{ function b(){ } return b; } 原文：https://www.cnblogs.com/96net/...

用Node-addon-api实现C++调用Javascript【代码】

本文介绍在使用Node-addon-api时，能够实现用C++调用Javascript的几种方式。 1. Callback比较简单，示例： Napi::Function cb = info[0].As<Napi::Function>();cb.Call(env.Global(), { Napi::String::New(env, "hello world") });Return functionString MyFunction(const CallbackInfo& info) {Env env = info.Env();return String::New(env, "hello world"); }Function CreateFunction(const CallbackInfo& info) {Env env = in...

[Winform-WebBrowser]-在html页面中js调用winForm类方法【代码】

在winform项目中嵌入了网页，想通过html页面调用后台方法，如何实现呢？其实很简单，主要有三部： 1、在被调用方法类上加上[ComVisible(true)]标签，意思就是当前类可以com组件的形式供外包调用2、在webBrowser控件中设置可被html页面调用的类即：webBrowser1.ObjectForScripting = this;前端即可通过window.external访问this对象3、html页面调用后台方法：window.external.方法名(); 此处的window.external相当于webBrowser1.Obje...

javascript中方法调用与方括号[]【代码】【图】

看jquery时遇到一行：$(this)["removeClass"]("selected"); 这一行等同于下面的一行：$(this).removeClass("selected"); 想了好一会儿才明白，在javascript中，一个对象可以这么创建：var my_class = {my_var: "Jim",my_fun: function(your_name){alert(your_name)}}javascript中，因为 JavaScript 程序语言的特性，每个对象实际上都是一个 hash，引用属性的时候，可以使用my_class.my_var; my_class.my_fun("jack");也可以这样my...

首页 / JAVASCRIPT / a标签如何调用JavaScript

a标签如何调用JavaScript

内容导读

内容图文

内容总结

内容备注

内容手机端

【a标签如何调用JavaScript】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程