博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<a>标签中的href如何调用js代码
阅读量:7243 次
发布时间:2019-06-29

本文共 842 字,大约阅读时间需要 2 分钟。

 

在HTML中,<a>标签的href属性用于指定超链接的目标的URL。在所有浏览器中,链接的默认外观是:

 

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的(注:活动链接是“正在被打开的链接”)

 

示例如下所示:

 

本文本 是一个指向本网站中的一个页面的链接。

本文本 是一个指向万维网上的页面的链接。

当<a>标签调用JS中的代码时,有以下几个方法:
  1.   
    文本//href中不能return false,只能在onclick中

     

    文本
    这是平台上常用的方法,但这种方法在传递this等参数时很容易出现问题,且javascript:协议作为a的href属性时不仅会导致不必要的触发window.onbeforeunload事件,在IE里面会使gif动画停止播放。W3C标准不推荐在href里面执行javascript语句。
  2. 文本
    这个是很多网站最常用的方法,也是最周全的方法,onclick负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转,且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏
  3. 文本
    这种方法跟第2种类似,区别只是执行了一条空的js代码
  4. 这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以这种方法点击后网页后返回到页面的最顶端
  5. 这种方法点击执行了js函数后return false页面不发生跳转,执行后还是在页面的当前位置。

淘宝主页采用的是第2种方法,而Alibaba采用的是第1种方法,和我们的区别是每个href中的javascript方法都用try,catch包围

综合上述,<a>标签中调用js函数适当的方法推荐使用:

 

具体程序示例如下,用到了方法1:

 

浏览器对象

操作成功

5秒后回到主页返回

转载于:https://www.cnblogs.com/fpcbk/p/10104508.html

你可能感兴趣的文章
app打包总结 以及 提交app审核过程
查看>>
关于root(其他)用户拒绝登陆mysql的处理方法
查看>>
Linux基本常用命令总结-初级
查看>>
域计算机修改修改本地帐号密码
查看>>
负载均衡集群的实现方式之一LVS
查看>>
公有云产品试用介绍
查看>>
我的友情链接
查看>>
Servlet+JSP+MySQL实现用户管理模块之六、实现用户信息显示
查看>>
软件项目管理
查看>>
3012.脚本作业—l201.10.0编写一个脚本用于检测IP地址(递进版10)
查看>>
rpmbuild SPEC文件
查看>>
心在山水间
查看>>
ionic开发android app步骤
查看>>
【数据结构】位图BitMap与布隆过滤器BloomFilter
查看>>
mysql主从 主主
查看>>
Java中FileInputStream和FileOutputStream类实现文件夹及文件的复制粘贴
查看>>
tomcat+jdk部署
查看>>
Toast源码深度分析
查看>>
zabbix监控公网机器
查看>>
python requests模块详解
查看>>