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)"的区别的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html中的锚点是啥

html如何使用失去焦点属性onblur

术语html指的是什么

你必须知道的10个chrome开发工具和技巧

html怎么设置水平线与文字的距离

html dt标签怎么用

html css怎么设置字体大小

html如何设置一级标题背景

html中添加图片的代码是什么?html如何正确的添加图片路径?

html是网页文件吗

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




打赏

取消

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

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

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

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

评论

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