html 空链接 href="#"与href="javascript:void(0)"的区别


本文摘自PHP中文网,作者不言,侵删。

注意是跳动到了页首的区别,最好用void(0) 用户体验好点。

#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
你可使用如下例子来测试一下:
代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

</head>

<body>

这里是页首.....

<p>

&nbsp;</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<p>

1</p>

<a href="#">这是会跳到页首的</a>

  

<a href="javascript:void(0)">这个不会跳动</a>

</body>

</html>

提示:您可以先修改部分代码再运行


以上就是html 空链接 href="#"与href="javascript:void(0)"的区别的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

新手篇:如何用<a>标签制作一个链接(分享)

使用html和css实现康奈尔笔记的模板

关于html的简介

html 超级链接详细讲解

怎么解决html <a>标签中文乱码问题

html文字居中怎么设置

js实现加载时锁定html页面元素的方法

在html中如何点出head标签?head标签中包含的元素有哪些?

html中的<meta>标签的使用详解

html格式是什么

更多相关阅读请进入《quot》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...