标签：
http://www.cnblogs.com/wupeiqi/articles/5369773.html
JavaScript
JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。
1、JavaScript代码存在形式
<!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> <!-- 方式二 --> <script type"text/javascript"> Js代码内容 </script>
2、JavaScript代码存在位置
由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ background: red; } </style> <script src="js/commons.js"></script> <script> // 按照js规则解释 function f1(){ alert("f1") } f1(); f2(); </script> </head> <body> <h1>Index</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ background: red; } </style> </head> <body> <h1>Index</h1> <h1>Index2</h1> <h1>Index3</h1> <h1>Index4</h1> <script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script> <script src="js/commons.js"></script> <script> // 按照js规则解释 function f1(){ alert("f1") } f1(); f2(); </script> </body> </html>
/** * Created by hb on 2016/4/24. */ //commcons.js function f2(){ alert("f2") }
3、变量
JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量
<script> name = "js"; // var age = 18; var age = "20"; age = parseInt(age) var qq = Number(1234); var v1="a", v2="b", v3="c" var num2 = "18.9" num2 = parseFloat(num2) console.log(num2, typeof(num2)) console.log(age, typeof(age)) // Number(‘123‘); // parseInt(‘456‘); </script>
可以打开开发者工具 控制台的console来看及写
注：注释 // 或 /* */
4、基本数据类型
数字（Number）
var page = 111; var age = Number(18); var a1 = 1,a2 = 2, a3 = 3; parseInt("1.2"); parseFloat("1.2");
字符串(String)
var name = "wupeiqi"; var name = String("wupeiqi"); var age_str = String(18); 常用方法： obj.trim() obj.charAt(index) obj.substring(start,end) obj.indexOf(char) obj.length
布尔(Boolean)
var status = true; var status = false; var status = Boolen(1==1)
数组(Array)
var names = [‘alex‘, ‘tony‘, ‘eric‘] var names = Array(‘alex‘, ‘tony‘, ‘eric‘) 常用方法： 添加 obj.push(ele) 追加 obj.unshift(ele) 最前插入 obj.splice(index,0,‘content‘) 指定索引插入 移除 obj.pop() 数组尾部获取 obj.shift() 数组头部获取 obj.splice(index,count) 数组指定位置后count个字符 切片 obj.slice(start,end) 合并 newArray ＝ obj1.concat(obj2) 翻转 obj.reverse() 字符串化 obj.join(‘_‘) 长度 obj.length 字典 var items = {‘k1‘: 123, ‘k2‘: ‘tony‘}
undefined
undefined表示未定义值 var name;
null
null是一个特殊值
5、循环语句
var names = ["alex", "tony", "rain"]; // 数组：方式一 for(var i=0;i<names.length;i++){ console.log(i); console.log(names[i]); } // 数组：方式二 for(var index in names){ console.log(index); console.log(names[index]); } var names = {"name": "alex", "age": 18}; // 字典：方式一 for(var index in names){ console.log(index); console.log(names[index]); } // while循环 while(条件){ // break; // continue; }
标签：
原文地址：http://www.cnblogs.com/linkenpark/p/5426537.html
