Javascript js的基础概念 渲染引擎 用来解析html和css,俗称内核,比如chrome浏览器的blink,老版本的webkit js引擎 也叫作js解释器,用来读取网页中的js代码,对其处理后运行,比如chrome浏览器的v8 js的组成 ECMAscript 是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门程序语言,一般被称为javascrip(网景公司)或jscript(微软公司) DOM文档对象模型 是w3c组织推荐的处理可扩展标记语言的标准编程接口,通过DOM接口可控制页面上各种元素9的操作(大小、颜色、位置等) BOM浏览器对象模型 他提供独立于内容的,可以与浏览器窗口进行交互的对象结构,通过BOM可以操作的窗口,比如弹出框、控制浏览器的跳转、获取分辨率等。 js的三种书写方式 行内式 特点 可以将单行或者少量的js代码写在html标签中,要写在事件属性中(以on开头的onclink) 单、双引号的使用:在HTML中推荐使用双引号,但在js中推荐使用单引号 缺点是可读性比较差,在HTML中书写大量的js代码时,不方便阅读 引号会容易出现多层嵌套的问题,易混淆 内嵌式 内嵌式是将多行代码写在script标签里 外部引入js文件 创建js文件 引入js文件:<script src="路径”></script> 特点:有利于html页面代码结构化,将大段js代码独立于html页面之外,方便代码复用。 引入外部文件的script标签里面不要写代码,适用于代码量较大的情况 js注释的使用 单行注释:ctrl+/,目的是为了提高代码的可读性,并不会影响代码的执行 多行注释:shift+alt+A,注释内容可以是多行内容 js的输入输出语句 alert(msg):浏览器的弹出警示框 console.log(msg)浏览器的控制台打印输出信息 prompt(info)浏览器弹出输入框,用户可进行相关输入 js的变量 什么是变量 变量是一个装东西的盒子,本质是程序在内存中申请一块空间用来存储数据 变量的使用 变量的声明 var age;使用一个变量名称为age的的变量,var是js的关键字,用来声明变量 使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员手动去内存中开辟。 age是程序员定义的变量名,可通过变量名访问内存中分配的空间 变量的赋值 如;age = 10;就是给age变量赋值为10 用=将右边的内容赋值给左边的变量空间中 简单数据类型 Number:数字型,包含整型和浮点型 数字型数据类型中进制的转换 8进制转换为十进制:八进制为0-7,程序里数字前加0表示八进制,var num1 = 010;console.log(num1) 十六进制转换为十进制:十六进制0-9,a-封,数字前加0x,表示十六进制,var num2= 0xf;console.log(num2) 数字型的范围 最大值:console.log(Number MAX_VALUE) 最小值:console.log(Number MIN_VALUE) 无穷大:console.log(Infinity); 无穷小:console.log(-Infinity); NaN:非数值,即not a number 判断一个值是否是数值:is NaN 返回false为不是非数值 返回true为非数值 String:字符串类型,比如“张三”就是字符串,字符串在js中一般都用单引号引起来 字符串可以是引号引起来的任意文本,语法为单引号或双引号引起来,js中建议使用单引号将内容引起来,避免和css或者HTML中的双引号混淆。没有引号会报错,单双引号不能混合搭配使用,只能成对出现,混合使用时只能外双内单或外单内双 字符串的转义符 \n文字换行 \\在字符串中显示\ \t进行tab缩进(4个空格的距离) 计算字符串的长度 通过.length可以获取整个字符串的长度,逗号等标点也算作字符串长度的一部分 字符串拼接 多个字符串之间使用+进行拼接,其拼接方式为:字符串+任何类型=拼接后的新字符串(拼接前会将与字符串相加的任何类型先转换为字符串,再拼接成一个新的字符串) Boolean:布尔值类型 true,真,等同于1 false,假,等同于0 undefined:未定义,比如直接声明变量但不给变量赋值,此时变量的值就是undefined 如果参与相加或者相连时,要注意结果 console.log(unde);//结果为undefined; console.log('你好' + unde);//结果为你好undefined; console.log(100 + unde);//结果为非数字NaN console.log(true + unde);//结果为非数字NaN null,空,var a = null;声明变量为空 获取变量的数据类型 使用typeof:如:var num= 18;console.log = (typeof num);输出结果为number 数据类型的转换 使用表单prompt获取来的数据默认为字符串类型,就不能进行简单的假发运算,而是需要将获取的数据转化为另一种所需的数据类型进行运算 转换为字符串 用toString强制转换 var str = num.toString(); 用string强制转换:console.log(String(num)); 加号拼接字符串,任何类型和字符串拼接都是字符串 console.log(num + ''); 转换为数字类型 转换为整形console.log(parseInt('3.14'));结果取整为3 转换为浮点型console.log(parseFloat('3.14'));结果为3.14 强制转换为数字型:number console.log(Number('123')); 隐式转换,可以使用运算符处理 console.log('12' - 0); 转换为布尔型 以下五种类型结果为false,其他结果均为true console.log(Boolean('')); console.log(Boolean(0)); console.log(Boolean(NaN)); console.log(Boolean(null)); console.log(Boolean(undefined)); 以下结果输出为true console.log(Boolean('10')); console.log(Boolean(12)); |
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |