javascript 基础知识

Posted 2020-06-11

javascript 基础知识
编程规范
注释 //
驼峰
对象化编程

数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
定义

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

字符串

var word = "Hello World!";

数字

var x1 = 34.00; //使用小数点来写
var x2 = 34; //不使用小数点来写
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123

创建数组

var cars = new Array(); //1
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";

var cars = new Array("Audi", "BMW", "Volvo");//2

var cars =["Audi", "BMW", "Volvo"];//3

 对象

所有事物都是对象

var person = {
firstname : "Bill",
lastname : "Gates",
}
var name = person.firstname + person["lastname"];

 Undefined

表示变量未定义

null
可用来清空变量
cars = null;
函数

略...

变量
生命周期
var name; 局部变量, 作用在他的函数块里
name; 全局变量,作用在整个页面

运算符
略...

逻辑语法If Else; Switch, For, While
略

错误捕捉
try{ throw }catch(err){ }

正则
检索对象RegExp
var patt1 = new RegExp("Word"); //声明一个匹配["Word"]检索对象
检索对象有3个方法
1, test() 方法检索字符串中的指定值。返回值是 true 或 false。
patt1.test("Hello, Word!"); //返回为true

2,exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
patt1.exec("Hello, Word!"); //返回 Word

3,compile() 方法用于改变 RegExp。
var patt1=new RegExp("e");
patt1.compile("d");

patt1.test("Hello Word!"); //patt1对象将匹配的是d,而不是e

html DOM （文档对象模型）
HTML DOM 独立于平台和语言
HTML DOM 定义了访问和操作 HTML 文档的标准方法

 

浏览器对象模型 (BOM)
Window
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一：

Window对象
Screen //屏幕
Location //页面地址
History //浏览器历史
Navigator //浏览器信息

弹框包括
警告框 alert("文本")
确认框 confirm("文本")
提示框 prompt("文本")

定时器
setTimeout()
未来的某时执行代码
clearTimeout()
取消setTimeout()
var t = setTimeout("alert(‘5 seconds!‘)",5000);//定时5秒执行
clearTimeout(t); //取消执行

Cookie
是存储于访问者的计算机中的变量。
首次访问存储, 再次访问页面生效.
Javascript不能操作session
cookie是以键值对的形式保存
expires标识过期时间

设置Cookie
document.cookie = "name=Jay;expires=date"; //date为时间戳

读取Cookie值

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{ 
c_start=c_start + c_name.length+1 
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
} 
}
return ""
}

清除Cookie, 设置Cookie过期

Javascript 库
Jquery, NodeJs...