js第一课

js 脚本语言

显示视屏

<video src="完整的地址" width="xxph" heigth="xxpx"></video>

显示音频

<audio src="完整的地址"></audio>

脚本语言：程序不需要编译，运行时才编译，每执行一次就要编译一次，所以，其效率第低，并且依赖于解释器，但是具有跨平台性！

弱类型语言：不需要定义数据类型，编译器根据值来判断类型！

编译型语言：在程序执行前就编译：例如 c c++等等 执行效率高 依赖编译器，跨平台下差

编程语言分为 两种 声明式编程和命令式编程

写在 body 里面 写个标签 <script></script>

在html里面嵌入javascript代码

JS执行流程：流程从上向下，而且阻塞的方式执行！

引用外部文件不需要在标签内容加内容

1.直接在元素里面嵌入

<a href="javascript:alert(123);">边度以下</a> 这个 alert 代表弹窗

javascript 代表要执行一段js代码

2.通过script的标签执行js代码

<script>

alert(321)

</script>

console.info("xx") 像控制台输出一句话

定义变量 直接用 var xx=数据类型 ；

计算机会根据内容自动判断数据类型以及内存分配的大小；

javascript

类型 boolean number string uderfined(声明了对象但是没有赋值 例如 var k;) null

typeof 变量 表示 获取当前变量的类型！

在js里面 页面加载的过程中！页面加载的过程中会先将基础数据类型和引用诶行加载内存，不会赋值，执行初始化代码才会赋值。。

var s= new Boolean() 除了 空串,null和 0都会返回 true !

array在js中定义

1 .var arr=[1,2,3,4,5];

2. var arr2=new Array();

数组在创建的时候传一个值代表声明一个长度为那个值的数组

3 var arr3=new Array(6);

var arr4=new Array(5,5,"xiaoqinga ");

数据的最终结合 ，最后是一个字符串

var res=arr+arr4

concat()将两个数组转换成一个数组，返回一个数组对象

console.info(arr.concat(arr4))

date

var da=Date();

Date() 将dat 看成一个普通的函数在调用

var da1=new Date(); //utc 1970-1-1零点之间的毫秒数

var n=365*24*60*60*1000;

var da2=new Date(n);

cs 正则表达式、

var reg=/^[0-9]{6,}$/; 正则表示式

console.info(reg.test(1234525211)); 验证

或 var reg2=new RegExp("^\\d{6,}$");

原生对象：Object,Fuction,Array,String,Boolean,Number,Date,JSON等等！

内置对象 Global Math

Global 无法直接访问，提供了一些方法和属性

作用： “将所有的全局的方法收集在一个对象中，直接访问对象的属性和方法

var url="http://www.baidu.com?视屏.mp4"

中文进行转码，使用的时候在进行解码

var newurl=encodeURI(url)

解码

var url1=deccodeUrl(newurl );

eval 方法 可以将字符串解析成js代码执行

var y="2+3"

console.info(eval(y))

var fo="20.1"

console.info(fo+1) 结果是 20.11

console.info(parseFloat(fo)+1) 结果 21.1

原生数据代表 :

JSON:在js里面json表示一个对象，这个对象是非常小的一个 ，用于储存数据，轻量化对象

var jso={ }; console.info(jso ) 得到一个json对象

var jso={"username":"xiaowang ","pwd":123 }

以键值对的方式储存数据

console.info(jso.username) 输出xiaowang

NaN表示非数字

数据类型的转换

自动转换 ,除了加号以外数据操作自动转换

1.console.info("20"-"10") 得到 10 如果前面的不是20是字母的话得到的就是NaN

强制转换

var k="123asdas456"

console.info(parseInt(k))输出得到结果为 123

var k="a123"

console.info(parseInt(k))输出结果为NaN（非数字）

null 和underfind没有强转的方法 ！

关系运算符；

== 用来比较两种数据类型的值！不会考虑数据类型，不能自动转型！

var i=10;

var j=10;

console.info(i==j);

var k ="10";

console.info(i==k)

两个的结果都是等于true

如果要严格的比较就用===

===代表数据类型和值必须一样才返回true；

js命名 方法（函数）的定义

fanction add(num ){

}

不需要规定形参的数据类型 ，不需要规定实参的数据类型，数据类型会根据传递进来的值来自动确定！需要返回就直接return；不需要返回就去掉return

如果规定了数据类型还会报错！

js匿名函数定义

没有名字的函数，表示对当前操作绑定一个唯一的行为！

var t=fuction(){

console.info("22222")

}

t();

获取元素

window.onload=fuction(){ 这一块意思是执行完整个代码在执行这个函数

}

fuction find(){

return fuction{

console.info("xxx")

}

}

var res=find();

console.info(res) 的到结果 fuction整个对象

console.info(res()) 得到结果 执行fuction方法

回调函数：

a,b两个函数，a函数作为参数传递到b函数，并且被调用，把a函数称为回调函数

faction a(num){

return num*2;

}

var obtn=document.getElementById("btn");

obtn.addEventListener("chick",fuction(){ 绑定事件监听

console.info("button")

})

var a=prompt("内容 ") 弹框

alert(a);