JavaScript总结笔记
JavaScript简介
JavaScript（简称“JS”） 是⼀种具有函数优先的轻量级，解释型或即时编译型的⾼级编程语⾔。虽然它是作为开发Web页⾯的脚本语⾔⽽出名的，但是它也被⽤到了很多⾮浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语⾔，并且⽀持⾯向对象、命令式和声明式（如函数式编程，在⽹景导航者浏览器上⾸次设计实现⽽成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是ECMAScript 。截⾄ 2012 年，所有浏览器都完整的⽀持ECMAScript 5.1，旧版本的浏览器⾄少⽀持ECMAScript 3标准。2015年6⽉17⽇，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称
为ECMAScript 6 或者ES6
为何学习 JavaScript？
JavaScript 是 web 开发者必学的三种语⾔之⼀：
HTML 定义⽹页的内容
CSS 规定⽹页的布局
JavaScript 对⽹页⾏为进⾏编程
参考⽂档：
JavaScript 使⽤
<head>中的 JavaScript
在本例中，JavaScript 函数被放置于 HTML 页⾯的 <head> 部分。
该函数会在按钮被点击时调⽤：
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(){
}
substring和slice</script>
</head>
<body>
<h1>⼀张⽹页</h1>
<p id="demo">⼀个段落</p>
<button type="button"onclick="myFunction()">试⼀试</button>
</body>
</html>
<body>中的 JavaScript
在本例中，JavaScript 函数被放置于 HTML 页⾯的 <body> 部分。
该函数会在按钮被点击时调⽤：
<h1>A Web Page</h1>
<p id="demo">⼀个段落</p>
<button type="button"onclick="myFunction()">试⼀试</button>
<script>
function myFunction(){
</script>
</body>
</html>
外部的JavaScript
脚本可放置与外部⽂件中：
外部⽂件：myScript.js
function myFunction(){
外部脚本很实⽤，如果相同的脚本被⽤于许多不同的⽹页。JavaScript ⽂件的⽂件扩展名是 .js。
如需使⽤外部脚本，请在
<script src="myScript.js"></script>
JavaScript 显⽰⽅案
JavaScript 能够以不同⽅式“显⽰”数据：
使⽤ window.alert()写⼊警告框
使⽤document.write() 写⼊ HTML 输出
使⽤innerHTML写⼊ HTML 元素
使⽤ console.log() 写⼊浏览器控制台
<h1>我的第⼀张⽹页</h1>
<p>我的第⼀个段落</p>
<p id="demo"></p>
// innerHTML
//使⽤ ElementById(id) ⽅法。id 属性定义 HTML 元素<script>
</script>
/
/document.write
<script>
document.write(5+6);
</script>
<button onclick="document.write(5 + 6)">试⼀试</button>
//window.alert
<script>
window.alert(5+6);
</script>
//console.log
<script>
console.log(5+6);
</script>
</body>
</html>
JavaScript 语法
JavaScript 变量
在编程语⾔中，变量⽤于存储数据值。
JavaScript 使⽤var关键词来声明变量。
JavaScript 不能把 VAR 或 Var 译作关键词 var。
= 号⽤于为变量赋值。
在本例中，x 被定义为变量。然后，x 被赋的值是 7：
var x =7;
JavaScript 注释
并⾮所有 JavaScript 语句都被“执⾏”。
双斜杠 // 或 /* 与 */ 之间的代码被视为注释。
注释会被忽略，不会被执⾏：
var x =7;// 会执⾏
// var x = 8;  不会执⾏
/*
下⾯的代码会改变
⽹页中
id = "myH" 的标题
以及 id = "myP" 的段落：
*/
JavaScript 标识符
标识符是名称。
以驼峰命名规则命名标识符。
在 JavaScript 中，标识符⽤于命名变量（以及关键词、函数和标签）。
在⼤多数编程语⾔中，合法名称的规则⼤多相同。
在 JavaScript 中，⾸字符必须是字母、下划线（-）或美元符号（$）。
连串的字符可以是字母、数字、下划线或美元符号。
提⽰：数字不可以作为⾸字符。这样，JavaScript 就能轻松区分标识符和数值。JavaScript 对⼤⼩写敏感
所有 JavaScript 标识符对⼤⼩写敏感。
变量 lastName 和 lastname，是两个不同的变量。
lastName ="Gates";
lastname ="Jobs";
JavaScript 函数
JavaScript 函数语法
JavaScript 函数通过function关键词进⾏定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：
//(参数 1, 参数 2, ...)
由函数执⾏的代码被放置在花括号中：{}
function name(参数1，参数2，参数3){
/
/要执⾏的代码
}
计算两个数的乘积，并返回结果：
var x =myFunction(7,8);// 调⽤函数，返回值被赋值给 x
function myFunction(a, b){
return a * b;// 函数返回 a 和 b 的乘积
}
JavaScript 对象
对象定义
我们定义（创建）了⼀个 JavaScript 对象：
var person ={
firstName:"Bill",
lastName :"Gates",
id      :678,
fullName :function(){
return this.firstName +" "+this.lastName;
}
};
var person ={firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
访问对象属性
您能够以两种⽅式访问属性：
objectName.propertyName
或者
objectName["propertyName"]
例⼦ 1
person.lastName;
例⼦ 2
person["lastName"];
访问对象⽅法
您能够通过如下语法访问对象⽅法：
name = person.fullName();
JavaScript 事件
1. onclick 属性（以及代码）被添加到 元素：
<button onclick='ElementById("demo").innerHTML=Date()'>现在的时间是？</button> //JavaScript 代码通常有很多⾏。事件属性调⽤函数更为常见：
<button onclick="displayDate()">现在的时间是？</button>
2. onload属性，onload事件实在浏览器解析完页⾯之后⾃动触发的事件。
<script>
function onloadFun(){
alert("这是静态注册onload事件");
}
</script>
<body onload="onloadFun()">
</body>
alert("这是动态注册onload事件");
}
JavaScript 字符串⽅法
字符串长度
length属性返回字符串的长度：
var txt ="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。