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的<frameset>标签有什么作用

html中url什么意思?怎么用?

html怎样格式化json数据

html如何设置高度

html学习中的几个重点总结

在html中怎么设置文字间距

html怎么导入背景图

html/javascript怎么跳转页面

html怎么让元素隐藏

如何在html中引入外部页面(html imports法) �c

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




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

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

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

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

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

评论

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