关于JavaScript的总结

一、JavaScript嵌入HTML的位置
1、嵌入中的JavaScript
2、嵌入中的JavaScript
3、放在外部的JavaScript

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

保存到外部文件中的脚本，外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在标签script的 “src” 属性中设置该 .js 文件

二、JavaScript显示数据
1、使用 window.alert() 弹出警告框。

 <!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

2、使用 document.write() 方法将内容写到 HTML 文档中。
使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

 <!DOCTYPE html>
<html>
<body>
<h1>我的Web 页面</h1>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
    document.write(Date());
}
</script>
</body>
</html>

3、使用 innerHTML 写入到 HTML 元素。
4、使用 console.log() 写入到浏览器的控制台。
如果浏览器支持调试，你可以使用console.log()方法在浏览器中显示 JavaScript 值，在浏览器中使用 F12 来启用调试模式，在调试窗口中点击 “Console” 菜单。

三、JavaScript的变量
1、JavaScript对大小写敏感
2、JavaScript可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var lastname="Doe", age=30, job="carpenter";

3、JavaScript中的字符串既可以用单引号有可以用双引号
4、JavaScript的对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};

5、如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

function myFunction() {
    carName = "Volvo";
    // 此处 carName 变量就是全局变量
}

6、局部变量在函数执行完毕后销毁，全局变量在页面关闭后销毁。

四、JavaScript的函数
1、JavaScript对大小写敏感，关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。
2、JavaScript的函数在使用 return 语句时，函数会停止执行，并返回指定的值。整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方，而函数调用将被返回值取代。

五、JavaScript的 typeof, null, 和 undefined
1、可以使用 typeof 操作符来检测变量的数据类型

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object

2、null是一个只有一个值的特殊类型，表示一个空对象引用。用typeof检测null返回的是object;
3、 undefined 是一个没有设置值的变量，typeof 一个没有值的变量会返回 undefined。在javascript里面，任何变量都可以通过设置值为 undefined 来清空。

五、JavaScript的表单
1、表单用于收集不同类型的用户输入
2、HTML5中表单通过required属性来自动验证数据输入，required属性不允许表单字段 (fname) 的值为空。
3、给表单加边框

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

4、表单验证数据：服务端数据验证是在数据提交到服务器上后再验证。
客户端数据验证 side validation是在数据发送到服务器前，在浏览器上完成验证。

关于JavaScript的总结

猜你喜欢