javascript基础知识轨迹(一)
2017-01-05 14:12
155 查看
1.<video></video>视频、<audio></audio>音频
2.<script></script>使用JS语法,网景公司Netscape
3.JS脚本语言特点:
(1)程序不需要编译
(2)运行时才翻译成机器语言
(3)每执行一次就要翻译一次,所以效率低,依赖解释器谷歌V8
(4)弱类型语言:不同于编译型语言(执行效率高,依赖编译器,跨平台性差,运行不需要重新翻译)其变量在使用之前无需声明,由解释器在运行时检查其数据类型
4.JS基础语法
(1)alert
弹出一个对话框
(2)在html里面嵌入JS代码
A.直接在元素里面嵌入
<a href=”javascript:alert(123)”>文字</a>
<p onclick=”alert(123);”>文字</p>
B.写在<script>标签内<script></script>
JS的执行流程从上到下,而且是阻塞的方式执行,引用外部文件就不需要在标签中间加内容<script src=”路径” type=””>
JS代码应该写在body的尾部,
(3)定义变量直接用var,计算机会根据内容自动判断数据类型以及内存分配大小
(4)if…else同JAVA
(5)switch可支持case字符串
(6)循环for,do…while同JAVA
(7)数据类型
A.基本数据类型
Number:整数、浮点数
Boolean:true、false
String:“
”
Undefined:已经创建,但没有初始值的变量,使用时为undefined,父类object
Null:父类object
B.引用数据类型
原生对象:JS提供的独立于浏览器的对象(function、array….)
内置对象
宿主对象
页面加载过程中,JS首先将变量加载到内存,不会赋值,执行到初始化代码才会赋值
(8)2e23表示2的23次方
(9)console.log输出日志
(10)+Infinity
无穷大,-Infinity无穷小
(11)constructor构造器
(12)JS中的数组对象array()
Var arr = [ ],JS中,数组按照下标来排列,数据类型没有限制,
传一个数值 newArray(5),“5表示长度”,数组创建时,传递值进入,表示空间大小
传多个数值 newArray(5,6),表示多个数值初始化,“5”“6”表示元素
数组相加 arr+arr,返回一个字符串
Concat():将两个数组转换成一个数组,返回一个数组对象
(13)Date可以看做一个函数调用,tolocalestring返回当地时间
操作年月日:
getFullYear()
getMonth()
getDate()
(14)正则表达式
正则表达式,正则对象提供了一个test的方法用于判断验证结果,返回true、false
Var reg = /^[0-9]*$/,reg.test(“放入要判断的值”);
(15)内置对象:Global和Manth
Global是无法直接访问的,但它提供了一些方法和属性
将所有全局的方法收集在一个对象中,直接访问对象的属性和方法
encodeURI 将中文进行转码,使用时进行解码
decodeURI将转码后的URI进行解析
eval()可以将字符串解析成为js代码执行
(16)将String类型转换,parseFloat,parseInt
(17)Math.random随机数,Math.floor向下取数,Math可以直接使用
(18)宿主对象:所有BOM和DOM对象都是宿主对象
(19)JSON在JS中表示一个对象,这个对象很小,用于存储数据,是一个轻量化的对象
Var json ={username:xiaowang ,pwd:123}
(20)数据类型的强制转换
任何数据类型与String相加都是字符串
NaN表示非字符串
除了“+”以外,数据操作自动转换
parseInt(a1234)----> NaN
parseInt(1234a567)----->1234
Number转换整个值,不是部分,如number(12345abc234)---->NaN
相关文章推荐
- javascript基础知识点轨迹(二)
- Javascript基础知识点轨迹(三)
- Javascript基础知识点轨迹(四)
- JavaScript基础知识
- JavaScript基础知识
- JavaScript基础知识(六)
- JavaScript基础知识
- JavaScript基础知识(二)
- javascript基础知识
- JavaScript基础知识(四)
- JavaScript基础知识(三)
- javascript 常用基础知识
- JavaScript(一、基础知识)
- javascript学习中的一些心得(基础知识,高手免进)
- JavaScript基础知识总结
- JavaScript基础知识(五)
- javascript基础知识
- 从零开始javascript(1):js基础知识
- JavaScript基础知识
- Javascript&DHTML基础知识第1/2页