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

你可能感兴趣的文章
myeclipse快捷键大全
查看>>
编程之美1.2 | 中国象棋将帅问题
查看>>
Matplotlib学习---用matplotlib画阶梯图(step plot)
查看>>
Linux非ROOT(普通用户)环境安装/启动/运行 MySQL server CentOS7为例
查看>>
latex 技巧汇总
查看>>
SpringMVC配置解决中文乱码的过滤器
查看>>
第28章 高级分组函数
查看>>
542. 01 Matrix
查看>>
centos7备份还原与grub2引导和rescue模式修改root密码
查看>>
神经网络的基础-前向传播
查看>>
使用VsCode自带的Emmet语法
查看>>
基于 REST 的 Web 服务:基础
查看>>
IDEA入门级使用教程
查看>>
Spider_Man_5.1 の Mongodb_安装
查看>>
RGB颜色对照表
查看>>
laravel 5.1 Model 属性详解
查看>>
[SCOI2016]背单词
查看>>
《大道至简》第七八章读后感
查看>>
界面测试-1.1基础,测试点归纳
查看>>
JS循环 continue
查看>>