1.javascript:void(0) 含义
我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？
javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。
<head> <script type="text/javascript"> <!-- void func() javascript:void func() 或者 void(func()) javascript:void(func()) //--> </script> </head>
下面的代码创建了一个超级链接，当用户点击以后不会发生任何事。
<head> <script type="text/javascript"> <!-- //--> </script> </head> <body> <a href="javascript:void(alert(‘Warning!!!‘))">点我!</a> </body>
以下实例中参数 a 将返回 undefined :
<head> <script type="text/javascript"> <!-- function getValue(){ var a,b,c; a = void ( b = 5, c = 7 ); document.write(‘a = ‘ + a + ‘ b = ‘ + b +‘ c = ‘ + c ); } //--> </script> </head>
1.1href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接。
在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。
如果你要定义一个死链接请使用 javascript:void(0) 。
<a href="javascript:void(0);">点我没有反应的!</a> <a href="#pos">点我定位到指定位置!</a> <br> ... <br> <p id="pos">尾部定位点</p>
2.JavaScript 代码规范
所有的 JavaScript 项目适用同一种规范。
2.1JavaScript 代码规范
代码规范通常包括以下几个方面:
- 变量和函数的命名规则
- 空格，缩进，注释的使用规则。
- 其他常用规范……
规范的代码可以更易于阅读与维护。
代码规范一般在开发前规定，可以跟你的团队成员来协商设置
2.2变量名
变量名推荐使用驼峰法来命名(camelCase):
firstName = "John"; lastName = "Doe"; price = 19.90; tax = 0.20; fullPrice = price + (price * tax);
2.3空格与运算符
通常运算符 ( = + - * / ) 前后需要添加空格:
var x = y + z; var values = ["Volvo", "Saab", "Fiat"];
2.4代码缩进
通常使用 4 个空格符号来缩进代码块：
函数:
function toCelsius(fahrenheit) { return (5 / 9) * (fahrenheit - 32); }
2.5语句规则
简单语句的通用规则:
- 一条语句通常以分号作为结束符。
var values = ["Volvo", "Saab", "Fiat"]; var person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };
复杂语句的通用规则:
- 将左花括号放在第一行的结尾。
- 左花括号前添加一空格。
- 将右花括号独立放在一行。
- 不要以分号结束一个复杂的声明。
函数:
function toCelsius(fahrenheit) { return (5 / 9) * (fahrenheit - 32); }
循环:
for (i = 0; i < 5; i++) { x += i; }
条件语句:
if (time < 20) { greeting = "Good day"; } else { greeting = "Good evening"; }
2.6对象规则
对象定义的规则:
- 将左花括号与类名放在同一行。
- 冒号与属性值间有个空格。
- 字符串使用双引号，数字不需要。
- 最后一个属性-值对后面不要添加逗号。
- 将右花括号独立放在一行，并以分号作为结束符号。
实例:
var person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };
短的对象代码可以直接写成一行:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
2.7每行代码字符小于 80
为了便于阅读每行字符建议小于数 80 个。
如果一个 JavaScript 语句超过了 80 个字符，建议在 运算符或者逗号后换行。
document.getElementById("demo").innerhtml = "Hello Runoob.";
2.8命名规则
一般很多代码语言的命名规则都是类似的，例如:
- 变量和函数为小驼峰法标识, 即除第一个单词之外，其他单词首字母大写（ lowerCamelCase）
- 全局变量为大写 (UPPERCASE )
- 常量 (如 PI) 为大写 (UPPERCASE )
变量命名你是否使用这几种规则： hyp-hens, camelCase, 或 under_scores ?
HTML 和 CSS 的横杠(-)字符:
HTML5 属性可以以 data- (如：data-quantity, data-price) 作为前缀。
CSS 使用 - 来连接属性名 (font-size)。