`
zhima
  • 浏览: 77819 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

html a标签中调用js中的方法的方法

 
阅读更多
我们常用的在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;"
分享到:
评论

相关推荐

    a标签中调用js中的方法的方法

    在Web开发过程中,我们经常会遇到需要通过HTML标签来触发JavaScript函数的需求,其中最常见的就是使用`<a>`标签。本文将详细介绍如何在`<a>`标签中调用JavaScript方法,并对每种方法进行深入分析。 #### 一、常规...

    Java代码调用HTML5中的JS函数算法

    Java可以设置一个端点,接收来自JavaScript的Ajax请求,然后在响应中包含调用JS函数的命令。 3. **HTML5的Web Workers**:Web Workers允许可后台运行的脚本,从而避免阻塞用户界面。Java可以通过HTTP请求触发Web ...

    html中a标签调用js函数.pdf

    本文将详细介绍如何在`<a>`标签中调用JavaScript函数,并探讨不同方法的优缺点。 首先,让我们回顾一下描述中提到的几种方法: 1. **a href="javascript:js_method();"** 这种方法直接在`href`属性中写入...

    html中a标签调用js函数.docx

    对于`<a>`标签调用JavaScript函数,优先选择不会引起页面跳转的实现方式,以提供更好的用户体验。同时,为了兼容性和异常处理,使用`onclick`事件并配合`void(0)`或`return false`是比较推荐的选择。

    HTML页面中调用delphi方法

    3. JavaScript与Delphi通信:在JavaScript中,可以使用`document.getElementById`获取控件实例,然后调用其公开方法。例如,如果有一个名为`DoSomething`的方法,可以这样调用: ```javascript var myDelphiObject ...

    在iframe中调用js父页面和子页面方法

    本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`<iframe>`标签来插入一个框架,例如: ```html <iframe src="child....

    HTML调用JS实现多项滑动门选项卡特效

    HTML调用JS实现多项滑动门选项卡特效是一种常见的前端技术,用于创建交互式和动态的网页内容。这种效果常用于导航菜单、内容切换、图片展示等场景,为用户提供更直观的操作体验。以下是对这个技术的详细解释: 一、...

    标签中的href如何调用js代码.pdf

    html中,在标签中设的href调用js代码,共有以下几种方式 <a href ="javascript:void(0);" onclick ="js_method()"> <a href = "javascript:;" onclick ="js_method()"> <a href = "#" onclick ="js_method();...

    html网页访问串口的ocx源码和js的调用方法,ocx中自定义事件

    JavaScript可以通过`document.getElementById('控件ID').method()`来调用OCX控件的方法。这里的'控件ID'是你在HTML中设置的控件ID,'method()'是OCX提供的具体方法。 4. **OCX中的自定义事件:** 自定义事件是OCX...

    Javascript基础网页中调用JS代码的几种方法

    ### JavaScript基础网页中调用JS代码的几种方法 在网页开发过程中,JavaScript作为一种重要的客户端脚本语言,被广泛应用于交互式网页设计中。本文将详细介绍几种在HTML文档中调用JavaScript代码的方法,帮助开发者...

    jsp中调用js中的一个函数,函数传参的问题

    要在JSP中调用这个JavaScript函数,可以使用HTML的事件监听器或者`<jsp:expression>`标签。例如,我们可以通过按钮点击事件调用它: ```jsp ('<%= someValueFromBackend %>', '<%= anotherValue %>')">Click me ...

    html静态页面调用php文件的方法

    尽管HTML本身不支持直接调用PHP文件,但我们可以通过JavaScript或者利用AJAX技术间接调用PHP文件,并将PHP文件执行的结果嵌入到HTML页面中。 首先,可以通过简单的JavaScript实现静态页面对PHP文件的调用。例如,...

    echarts 图形数据调用 html 调用案例

    在这个"echarts 图形数据调用 html 调用案例"中,我们将探讨如何将 ECharts 集成到 HTML 页面中,以实现动态数据的图形化展示。 首先,我们需要在 HTML 文件中引入 ECharts 的库文件。在"echarts-4.1.0-release...

    织梦系统标签调用

    ### 织梦系统标签调用详解 #### 一、概述 织梦系统(Dreamweaver CMS,简称DedeCMS)是一款广泛应用于企业级网站构建的内容管理系统。它通过强大的标签功能来实现灵活的内容调用和展示,非常适合新手快速上手并...

    纯html标签静态调用xml文件及xsl对xml文件的的显示修饰

    在本案例中,我们将探讨如何使用纯HTML标签静态调用XML文件,并利用XSL进行显示修饰,不依赖JavaScript等脚本语言。 首先,让我们了解HTML如何静态调用XML文件。这主要通过`<object>`或`<iframe>`标签实现。例如,...

    HTML 页面直接调用 php 文件的方法

    当我们需要在HTML页面中调用PHP文件时,通常是为了解决动态内容显示、数据交互或服务器端处理等问题。下面将详细介绍如何实现这一过程以及相关的知识点。 1. **内联调用**: HTML页面可以直接通过`<form>`标签提交...

    HTML调用OCX控件

    总结起来,HTML调用OCX控件涉及到HTML标签的正确使用、JavaScript或VBA/VBScript的接口调用以及控件在客户端的注册管理。这种方式在过去的Web开发中常见,但现在由于跨平台和安全性考虑,更多地被其他技术如...

    小程序 wxml里调用方法的用法及实践用法

    本教程将深入探讨如何在WXML中调用方法并进行实践应用。 一、WXML与WXS简介 1. WXML:它是小程序的视图层语言,负责定义页面布局和组件。由于WXML与JavaScript逻辑分离,不能直接执行JavaScript代码,因此需要通过...

    Qt 使用QWebengine与js交互以及页面标签调用

    在本文中,我们将深入探讨如何在Qt环境中使用QWebEngine模块与JavaScript进行交互,并通过页面标签调用。首先,我们要明确一点,Qt 5.9.6版本的QWebEngineView组件并不支持MinGW编译器,因此推荐使用MSVC(Microsoft...

    在html中引入外部js文件,并调用带参函数的方法

    通常,HTML文件(如`test.html`)和JavaScript文件(如`a.js`)会放在同一个目录下,或者JavaScript文件位于一个专门存放脚本的子目录中。这样的组织方式有利于管理和引用资源。 接下来,我们编写`a.js`文件,这是...

Global site tag (gtag.js) - Google Analytics