JavaScript_资料

篇首语：本文由小编为大家整理，主要介绍了JavaScript_资料相关的知识，希望对你有一定的参考价值。

javascript介绍

 能够处理逻辑  可以和浏览器交互 不够严谨javascript包含:    ECMAscript js的一种标准化规范 标出了一些基础的js语法    DOM document object model 文本对象模型 主要操作文档中的标签    BOM browser object model 浏览器对象模型 主要用来操作浏览器

js引入和script标签

方式一:在html页写js代码    方式二: 引入js文件      方式二:

js的编程要求

结束符 ;注释 // 单行注释       /*多行注释*/

变量

声明 var变量的命名 : 数字 字母 下划线 $            不能用js中的保留字

输入输出

alert("弹出的警告框")console.log("在控制台里打印")var inp = prompt("请输入内容 :")

基础数据类型

number

整数和小数都属于number类型toFixed(2) 保留两位小数

string

"字符串"   "字符串"属性 :length方法 :trim(),concat("str"),charAt(索引),indexOf(元素),slice(start,end),split(sep,返回前n个值)     toLowerCase(),toUpperCase()

boolean

true  [] false undefined null NaN 0 "" 

null

设置为空

undefined

未定义 当一个变量只声明 不赋值的时候

转换

parseInt("123") 字符串转数字parseFloat("1.235") 字符串转小数String(undefined) 小数转字符串(推荐)var a = 123a.toString() 数字转字符串Boolean(数据类型) 任意类型转换成boolean

内置对象类型

array

var a = [1,2,3,4]var a = new Array([1,2,3,4])属性:length方法:push() pop() shift() unshift()    slice() reverse() join("sep") sort() splice(1,2,"新的值") concat()

自定义对象

var obj = "alex":"name" //对象

json数据类型序列化

""key":18,"123":[1,2,3]"自定义对象 = JSON.parse(json字符串)json字符串 = JSON.stingify(自定义对象)

运算符

算数运算符 : + - * / ** % ++ --    var b = ++a  varb = a++ 赋值运算符 : = += -= *= /= %=比较运算符 : > < >= <= == !=  === !==逻辑运算符 : &&与 ||或 !非

流程控制

条件判断

if(条件)    //满足条件之后要执行的代码else if(条件)    //满足条件之后要执行的代码else    //都不满足之后要执行的代码switch(值)    case 值1:        代码;        break    case 值2:        代码;        break    default:        代码

循环

while(条件)    循环体for(var i=0;i<10;i++)    循环体for(i in arr)    i是索引,arr[i]是具体的值for(vari=0;i

三元运算符

var 值 = 条件 ? 条件为true返回的内容:条件为false返回的内容

函数

function 函数名(参数)    函数体    return 返回值   //返回值的个数必须是一个,如果返回多个值,放在数组中返回函数名(参数)arguments 函数中内置的动态单数,可以接收所有的参数匿名函数var 变量名 = function(参数)                 函数体                 return 返回值            自调用函数(function(形参)    函数体    return 返回值)(实参)

js

正则的用法

创建一个正则:var reg = RegExp("正则表达式")  //注意,写在字符串中所有带的元字符都会被转义,应该写作var reg2 = /正则表达式/  //内部的元字符就不会转义了reg.test("待检测的字符串") //如果字符串中含有符合表达式规则的内容就返回true,否则返回false在字符串中应用正则var exp = "alex3714"exp.match(/d/)    //只匹配从左到右的第一个exp.match(/d/g)   //匹配所有符合规则的 返回一个数组var exp2 = "Alex is a big sb"exp2.match(/a/) //只匹配小写aexp2.match(/a/i) //i表示不区分大小写 A也会被匹配出来exp2.match(/a/ig) //不区分大小写并匹配所有exp.search(/正则表达式/i) //不区分大小写,从exp字符串中找出符合条件的子串的第一个索引位置exp.split(/正则表达式/i,n) //不区分大小写,根据正则切割,返回前n个结果exp.replace(/正则/gi,"新的值") //i表示不区分大小写,g表示替换所有,将符合正则条件的内容替换成新的值小问题1var reg2 = /d/g     //正则表示要匹配多个值reg2.test("a1b2c3")  //多次test会的到true true true false 继续test会循环之前的结果小问题2var reg3 = /w5,10/reg3.test() //如果什么都不写,那么默认test中传递undefined参数,刚好可以符合9位字符串的规则

Date对象

创建对象:var dt = new Date() //获取到当前时间dt.toLocalString() //转换成"2019/8/13 10:18:12"dt.getFullYear() //年dt.getMonth() //月 1月是0dt.getday()   //周中天 周日是0dt.getDate()  //月中天 1号是1dt.getHours() //时 从0开始dt.getMinutes() //分 从0开始dt.getSeconds() //秒 从0开始自定义时间:var dt2 = new Date("2018/1/1 12:12:12")   1月1日var dt2 = new Date(2018,1,1);             2月1日

Math对象

面向对象(了解)

function Student(name,age)    this.stu_name = name    this.stu_age  = ageStudent.prototype.show = function()    console.log(this.stu_name,this.stu_age)var stu = Student("alex",84) // 实例化stu.stu_name  // 查看属性stu.stu_agestu.show()    // 调用方法object.prototype.show = function()    console.log(this.stu_name,this.stu_age)

DOM