JavaScript学习

（只用于自己学习，只是个目录形式，具体内容涉及不多）

JavaScript用于用户和网页之间的交互，比如提交的时候，用于用户名是否为空的判断

 

1.document是JavaScript的内置对象，代表浏览器文档部分。

document.write("Hello JavaScript");　　向文档中写入字符串。

 

2.用var声明一个对象            var X = 10；

 

3.可以使用alert（1）调试代码，如果弹窗出现1，那么前面所有代码就执行无误。

 

4.基本数据类型：undefined：声明单位赋值

　　　　　　　　Boolean：　var x = true；

　　　　　　　　Number：    var x = 10；

　　　　　　　　字符串：　　单引号，双引号都表示字符串　　var x = "123";

　　　　　　　　动态类型：　　javaScript中的基本类型是可以转换的。

　　　　　　　　变量类型判断：　　typeof x判断变量类型

 

5.JavaScript即使是基本类型，也是伪对象，都有自己的属性和方法。调用字符串的length获取长度。

Number，Boolean和String都有一个toString（）方法，用于转换字符串。   x.toString();

Number转字符串有默认形式和基模式         var x = 10；     x.toString();//默认模式　　　　x.toString(2);//基模式，转换为二进制

ParseInt和parseFloat转化为数字   　　var x = "10abc";　　parseInt(x);     //结果为10，就是定位数字，一直到出现非字符

Boolean()转换为Boolean值　　Boolean("");

Number()和parseInt()都可以转换数字，Number()遇到非数字字符，返回NaN

String()和x.toString()的区别　　对于null的处理,String(null),转换为字符串null　　null.toString();报错

 

6.JavaScript函数　　function xxx(xxx ){     }

 

7.参数的作用域　　一个参数的作用域在函数的内部，超出函数就看不到参数了。

　全局变量作用域　　定义在函数前面，全局可以访问

　

8.事件是javascript允许html与用户交互的行为。 用户任何对网页的操作，都会产生一个事件。

　　鼠标点击事件　　<script>function showHello() {alter("Hello JavaScript");}</sxript> 　　　　<button onclick="showHello()">点击一下</button>    

 

9.运算符　　算数运算符　　+,-,*,/,% 　　++,--　　=,+=,-=,*=,/=　　运算符多态，当俩边都是算术运算符，就是求和，一边为字符串，就是字符串拼接符。

　　　　　　逻辑运算符　　==,!=,>=,<=　　==只比较值，===除了比较值还比较类型　　？：三目运算符

 

10.条件语句　　if　　if else　　if else if　　switch

 

11.循环语句　　for　　while　　do while　　forEach主要用于遍历数组　　continue放弃本次循环，执行下一次循环　　break结束循环

 

12.JavaScript提供了一种try catch的错误处理机制，当有错误抛出的时候，可以catch住。JavaScript中的对象是有着属性和方法的一种特殊数据类型。

JavaScript中的对象是有着属性和方法的一种特殊数据类型，常见的对象有数字Number，字符串String，日期Date，数组Array等。

 

13.数字对象　　通过new Number()创建一个数字对象　　var x = new Number(123);

　　　　　　　　Number对象能够取得的最大和最小值边界　　Number.MIN_VALUE和Number.MAX_VALUE

　　　　　　　　通过非数字创建Number对象，会得到NaN，判断是不是数字，用函数isNaN（）；

　　　　　　　　x.toFixed(2)；返回一个数字的俩位小数表达

　　　　　　　　a.toExponential ();返回一个Number的科学计数法表示。

　　　　　　　　a.valueOf返回一个基本类型数字。

 

14.字符串对象　　通过var x = new String("");创建字符串对象。

　　　　　　　　通过 .length 获取字符串长度

　　　　　　　　通过 .charAt(0) 返回第一个位置的字符　　通过 .charCodeAt(0) 返回第一个位置字符对应的Unicode码。

　　　　　　　　通过 .concat() 俩个字符串拼接起来

　　　　　　　　通过 .indexOf("xxx") 返回子字符串第一次出现的位置　　通过 .lastIndexOf("xxx")返回子字符串最后一次出现的位置。

　　　　　　　　通过 .localeCompare() 比较俩个字符串是否相同，0表示相同，非0表示不同。

　　　　　　　　通过 .subString(x,y) 截取一段字符串，能取到x，取不到y

　　　　　　　　通过 .solit(""，x) 将字符串分割，并转化为数组，x为可选参数，表示保留数组的前几个值。

　　　　　　　　通过 .replace(x,y) 将子字符串x替换为y，只替换第一个　　替换所有需写成 var regs = new RegExp(x,"g")   .replace(regs,y)

　　　　　　　　所有返回字符串类型的方法，返回的都是基本类型String

 

15.数组对象　　通过 var x = new Array(); 创建数组对象

　　　　　　　　通过.length 获取数组长度

　　　　　　　　通过 （for）循环遍历数组　　　　通过增强 for in 循环遍历数组  for(i in x)i是下标的意思

　　　　　　　　通过 .concat() 连接俩个数组

　　　　　　　　通过 .join() 得到数组的字符串表达式，默认分割符,　　.join(@)默认分隔符@

　　　　　　　　通过 .push()和.pop() 分别在最后的位置插入和获取数据（获取后删除）

　　　　　　　　通过 .unshift()和.shift()分别在最开始的位置插入和获取数据

　　　　　　　　通过 .sort() 对数组进行排序

　　　　　　　　通过 .reverse() 对数组进行反转

　　　　　　　　通过 .slice(x,y) 获取子数组

　　　　　　　　通过 .splice()用于删除数组中的元素　　.splice(3,2)表示从位置3开始，删除2个元素　　.splice(3,0,1,5)表示从位置3开始，删除0个元素，但是插入1和5

 

16.日期对象　　通过var x = new Date();创建数组对象，表示的是当前日期

　　　　　　　　.getFullYear()　　获取年

　　　　　　　　.getMonth()　　获取月，0代表1月份

　　　　　　　　.getDate()　　获取日

　　　　　　　　.getHours()　　获取小时

　　　　　　　　.getMinutes()　　获取分钟

　　　　　　　　.getSeconds()　　获取秒

　　　　　　　　.getMilliseconds()　　获取毫秒

　　　　　　　　.getDay()　　获取星期几，0代表星期天

　　　　　　　　.getTime()　　获取从1970/1/1 08:00:00到现在经历的毫秒数

 

17.Math　　　　Math.E　　自然对数

　　　　　　　　Math.PI　　圆周率

　　　　　　　　Math.abs(x)　　取绝对值

　　　　　　　　Math.min(x,y)    Math.max(x,y)　　取最大最小值

　　　　　　　　Math.pow(3,3)　　3的立方

　　　　　　　　Math.round(3.5)　　4舍5入

　　　　　　　　Math.random()　　取0-1的随机数

 

18.自定义对象　　通过function()设计对象，进行实例化。　　　　function Hero(name) {this.name = name;　　this.kill = function(){   }}　　var gareen = new Hero("盖伦");　　gareen.kill();

　　　　　　　　向设计好的对象中追加新的方法　　　　　　　　Hero.prototype.keng = function(){         }

 

BOM　　即浏览器对象模型　　浏览器对象包括：Window（窗口） Navigator（浏览器） Screen（客户端屏幕） History（访问历史） Location（浏览器地址）　　

19.Window（窗口）　　一旦页面加载，就会自动创建Window，无需手动创建，通过Window.innerWidth获取文档显示宽度，通过Window.innerHeight获取文档显示高度

　　　　　　　　　　　　window.outerWidth获取外部窗体（即浏览器）宽度，window.outerHeight获取外部窗体（即浏览器）高度

　　　　　　　　　　　　window.open()打开一个新的网站　　打开一个新的网站，应该用超链接使用户主动打开

 

20.Naviaetor（浏览器对象）　　navigator.appName　　浏览器产品名称

　　　　　　　　　　　　　　　navigator.appVersion　　浏览器版本号

　　　　　　　　　　　　　　　navigator.appCodeName　　浏览器内部代码

　　　　　　　　　　　　　　　navigator.platform　　浏览器操作系统　　

　　　　　　　　　　　　　　　navigator.cookieEnabled　　浏览器是否启用　　Cookies

　　　　　　　　　　　　　　　navigator.userAgent　　浏览器的用户代理报头

 

21.Screen（客户端屏幕）　　screen.width　　screen.height　　用户的屏幕分辨率

　　　　　　　　　　　　　　screen.availWidth　　screen.availHeight　　可用区域大小

 

22.History(访问历史)　　history.back()　　返回上次　　history.go(-1)　　-1表示上次，-2表示上上次

 

23.Location（浏览器地址）　　location.reload();　　刷新当前页面

　　　　　　　　　　　　　　location.assign("")　　跳转到另一个页面

　　　　　　　　　　　　　　

24.弹出框　　alert("  ");　　用于消息提示

　确认框　　　var d = confirm("    ")；　　用于危险操作的确认提示

　输入框　　　var name = prompt("  ");　　弹出输入框，用于用户输入相关信息　　

 

25.计时器　　setTimeOut(functionName,距离开始时间毫秒数)　　在制定好时间后，执行一次functionName函数

　　　　　　var t = setInterval(functionName,时间)　　每隔一段时间就执行一次函数

　　　　　　clearInterval(t)　　终止一个不断重复的任务