js 本来不想学的，随便看看吧。。。
使用 script 标签
脚本可被放置在 HTML 页面的 和 部分中。
Javascript 显示数据：
javaScript 里面没有输出
使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 |
JavaScript 中的保留字：
Javascript 对大小写敏感吗？
敏感 |
JavaScript 中代码拆行：
其实跟 python 一样 document.write("你好 \ 世界!"); 不过，不能像这样折行： document.write \ ("你好世界!"); |
变量命名：
字母，下划线 或者 $ 开头 |
JavaScript 的数据类型：
字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。 |
JavaScript 对象：
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。 var person={firstname:"John", lastname:"Doe", id:5566}; |
对象方法：
methodName : function() { code lines } var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; //调用方法 person.fullName(); |
JavaScript 函数：
function functionname()//关键词 function 必须是小写的 { 执行代码 } |
JavaScript 事件：
HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload 浏览器已完成页面的加载 <button onclick="this.innerHTML=Date()">现在的时间是?</button> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击按钮执行 <em>displayDate()</em> 函数.</p> <button onclick="displayDate()">点这里</button> <script> function displayDate(){ document.getElementById("demo").innerHTML=Date(); } </script> <p id="demo"></p> </body> </html> |
JavaScript 字符串：
var carname = "Volvo XC60"; var character = carname[7];//从 0开始java 可用单引号，双引号 var answer = "He is called 'Johnny'"; 长度 var sln = txt.length; 可是对象，但是没有必要 var x = "John"; var y = new String("John"); typeof x // 返回 String typeof y // 返回 Object |
JavaScript 特殊字符：
\' 单引号 \" 双引号 \\ 反斜杠 \n 换行 \r 回车 \t tab(制表符) \b 退格符 \f 换页符 |
常见的字符串方法：
charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串，返回连接后的字符串 fromCharCode() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 localeCompare() 用本地特定的顺序来比较两个字符串 match() 找到一个或多个正则表达式的匹配 replace() 替换与正则表达式匹配的子串 search() 检索与正则表达式相匹配的值 slice() 提取字符串的片断，并在新的字符串中返回被提取的部分 split() 把字符串分割为子字符串数组 substr() 从起始索引号提取字符串中指定数目的字符 substring() 提取字符串中两个指定的索引号之间的字符 toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLowerCase() 把字符串转换为小写 toString() 返回字符串对象值 toUpperCase() 把字符串转换为大写 trim() 移除字符串首尾空白 valueOf() 返回某个字符串对象的原始值 |
JavaScript 中的比较运算符：
== 等于 x==8 false x==5 true === 绝对等于（值和类型均相等） x==="5" false x===5 true != 不等于 x!=8 true !== 不绝对等于（值和类型有一个不相等，或两个都不相等） x!=="5" true x!==5 false > 大于 x>8 false < 小于 x<8 true >= 大于或等于 x>=8 false <= 小于或等于 x<=8 true |
逻辑运算符：
&& and (x < 10 && y > 1) 为 true || or (x==5 || y==5) 为 false ! not !(x==y) 为 true |
条件运算符：
variablename=(condition)?value1:value2 voteable=(age<18)?"年龄太小":"年龄已达到"; |
JavaScript for循环：
第一种，跟 java 一样 第二种，跟 python 差不多： var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; } |
While 循环：
while (条件) { 需要执行的代码 } do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。 do { 需要执行的代码 } while (条件); |
JavaScript 标签：
label: statements break labelname; continue labelname; |
typeof 操作符：
使用 typeof 操作符来检测变量的数据类型。 typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', age:34} // 返回 object |
null 和 underfined:
null 和 underfined 的值相等，但类型不等： typeof undefined // undefined typeof null // object null === undefined // false null == undefined // true |
js 中类型转换：
在 JavaScript 中有 5 种不同的数据类型： string number boolean object function 3 种对象类型： Object Date Array 2 个不包含任何值的数据类型： null undefined constructor 属性返回所有 JavaScript 变量的构造函数。 "John".constructor // 返回函数 String() { [native code] } (3.14).constructor // 返回函数 Number() { [native code] } false.constructor // 返回函数 Boolean() { [native code] } [1,2,3,4].constructor // 返回函数 Array() { [native code] } {name:'John', age:34}.constructor // 返回函数 Object() { [native code] } new Date().constructor // 返回函数 Date() { [native code] } function () {}.constructor // 返回函数 Function(){ [native code] } String(123) // 将数字 123 转换为字符串并返回 x.toString() (123).toString() (100 + 23).toString() String(false) // 返回 "false" String(true) // 返回 "true" String(Date()) Number("3.14") // 返回 3.14 Number(" ") // 返回 0 Number("") // 返回 0 Number("99 88") // 返回 NaN Number(false) // 返回 0 Number(true) // 返回 1 d = new Date(); Number(d) // 返回 1404568027739 5 + null // 返回 5 null 转换为 0 "5" + null // 返回"5null" null 转换为 "null" "5" + 1 // 返回 "51" 1 转换为 "1" "5" - 1 // 返回 4 "5" 转换为 5///////////////这真是有点。。。。urgly啊 |
Date 方法：
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getFullYear() 从 Date 对象以四位数字返回年份。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 |
JavaScript 中的正则表达式方法：
search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。 replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 |
search 方法：
var str = "Visit Runoob!"; var n = str.search("Runoob"); 6 |
repalce 方法：
var str = document.getElementById("demo").innerHTML; var txt = str.replace("Microsoft","Runoob"); |
正则表达式修饰符：
i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m 执行多行匹配。 var str = "Visit Runoob!"; var n = str.search(/Runoob/i); var str = document.getElementById("demo").innerHTML; var txt = str.replace(/microsoft/i,"Runoob"); |
