a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码

如果a标签的"href"属性为空的话，当点击修改链接时并不会跳到对应页面，而是只在本页面进行了刷新操作。
1 <a href="JavaScript:js_method();"</a>
这种方法地址也不发生跳转，在传递this等参数的时候很容易出问题;
而且javascript作为a的href属性的时候会导致不必要的触发window.onbeforeunload事件，
在IE里面更会使gif动画图片停止播放。
W3C标准不推荐在href里面执行javascript语句

2 <a href="javascript:void(0);" onclick="method()"</a>
这是最常用也最周全的方法。
2.onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，
地址不发生跳转。
不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3 <a href="javascript:;" onclick="js_method()"</a>
这种方法跟2种类似，区别只是执行了一条空的js代码。

4 <a href="#" onclick="js_method()"</a>
用这种方法点击后网页后返回到页面的最顶端。

5 <a href="#" onclick="js_method();return false;"</a>"</a>
这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

以上内容参考

如果想要在a标签上直接写js代码：

<a href="javascript:void(0);" onclick="javascript:window.location.href='https://www.google.com.hk'">Balall</a>

a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码相关推荐

Map集合遍历的四种方式理解和简单使用
Map集合遍历的四种方式理解和简单使用 ~Map集合是键值对形式存储值的,所以遍历Map集合无非就是获取键和值,根据实际需求,进行获取键和值 1:无非就是通过map.keySet()获取到值,然后根据 ...
Linux进程通信的四种方式——共享内存、信号量、无名管道、消息队列｜实验、代码、分析、总结
Linux进程通信的四种方式--共享内存.信号量.无名管道.消息队列|实验.代码.分析.总结每个进程各自有不同的用户地址空间,任何一个进程的全局变量在另一个进程中都看不到,所以进程之间要交换数据必须 ...
drf-路由组件：自动生成Routers路由、使用方法、视图集中附加action的声明、自动生成路由router的两种方式的URL区别
目录一. 自动生成Routers路由二. 使用方法 1) 创建router对象,并注册视图集,例如 2)添加路由数据三. 代码演示四. 视图集中附加action的声明五. 自动生成路由rou ...
Java中实现多线程的两种方式之间的区别
Java提供了线程类Thread来创建多线程的程序.其实,创建线程与创建普通的类的对象的操作是一样的,而线程就是Thread类或其子类的实例对象.每个Thread对象描述了一个单独的线程.要产生一个线 ...
java多线程区别_Java中实现多线程的两种方式之间的区别
Java提供了线程类Thread来创建多线程的程序.其实,创建线程与创建普通的类的对象的操作是一样的,而线程就是Thread类或其子类的实例对象.每个Thread对象描述了一个单独的线程.要产生一个线 ...
java数组怎么全部初始化_Java数组初始化，这三种方式有什么区别？
首先因为数组初始化要使用的时候必须确定数组的长度,也就是说数组的长度是不可变的. 在JAVA中创建数组有两种方式 : (1)静态创建如 Object[] arr1 = {"a", ...
Python数据分析：异常值检验的两种方法 -- Z 分数上下分位点（放入自写库，一行代码快速实现）
本文已在公众号 " 数据分析与商业实践 " 首发.关注一下~,更多商业数据分析案例源码等你来撩.后台回复 "异常值" ,即可获取本文的案例示范与包含详细注释的源 ...
php写js跳转页面,php实现页面的三种跳转
php实现页面的三种跳转方法:1.通过header函数实现跳转:2.使用Meta标签实现跳转:3.通过在PHP页面中输出JavaScript跳转代码来实现. 本文操作环境:windows7系统.PHP ...
3种方式理解旋转变换
有V1(x1,y1), 求这个点绕坐标原点旋转θ角度后的坐标V2(x2,y2) 1.三角函数假设(x1,y1)=(Rcosα,Rsinα) (x2,y2) =(Rcos(α+θ), ...

a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码

2 `<a href="javascript:void(0);" onclick="method()"</a>`

3 `<a href="javascript:;" onclick="js_method()"</a>`

4 `<a href="#" onclick="js_method()"</a>`

5 `<a href="#" onclick="js_method();return false;"</a>"</a>`

a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码相关推荐

最新文章

热门文章

a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码

2 <a href="javascript:void(0);" onclick="method()"</a>

3 <a href="javascript:;" onclick="js_method()"</a>

4 <a href="#" onclick="js_method()"</a>

5 <a href="#" onclick="js_method();return false;"</a>"</a>

a标签跳转的几种方式理解和区别以及如何在a标签内写js跳转代码相关推荐

最新文章

热门文章

2 `<a href="javascript:void(0);" onclick="method()"</a>`

3 `<a href="javascript:;" onclick="js_method()"</a>`

4 `<a href="#" onclick="js_method()"</a>`

5 `<a href="#" onclick="js_method();return false;"</a>"</a>`