JavaScript小总结

JavaScript： 编程语言（重点掌握）
1.JavaScript
概念;客户端脚本语言；运行在客户端浏览器，每一个浏览器都有一个JavaScript的解析引擎
脚本语言，不需要编译就可以被解析
功能：增强用户和htnl的交互，可以控制html元素使他有一点动态，增加用户体验
发展史：
1.1992，Nobase公司，开发出第一门客户端语言，用于表单的校验。命名为：c–；后改名ScriptEase
2.1995，Netscape（网景）公司，借鉴c–语言，开发出了一门客户端脚本语言：LiveScript.请来sun公司专家，修改Livescript，修改后命名JavaScript。
3.1996年；微软推出了一门浏览器，抄袭javascript，开发出了JScript，
4.1997，ECMA欧洲计算机制造商协会，制定规则，ECMAScript，所有客户端脚本语言的标准。
构成：ECMAscript+BOM+DOM
ECMAScript：脚本语言标准
1.基本语法
1.与html的结合方式
1.内部JS 定义script标签，标签内容就是js代码
2.外部 src加载文件
注意事项：
可以定义在页面的任何位置
一个页面可以存在多个javascript标签

2.注释
单行注释//
多行注释/**/
3.数据类型
1.原始数据类型
number 整数，小数，NAN 一个不是数字的数字
string 字符串。字符串 “abc” “a” ‘a’
boolean true/false;
null:一个对象为空的占位符
undefined：未定义，一个变量没有被初始化就被称为undefined
2.引用数据类型：对象

4.变量
定义变量：
变量：一片存储数据的内存区域
java 强类型语言 定义什么类型就是什么类型

javascript 弱类型语言
内存空间，不需要规定类型，想放什么类型就是什么类型
语法：
var 变量名=初始值；
document.write（） 输出到页面；
alert（） 弹出窗口
document.write(num+""+typeof(num)+"
);
5.运算符
一元运算符：
1.只有一个运算数的 a++ a-- +(正号)
2.算术运算符 + - * / %
3.赋值运算符 = += -=
4.比较运算符 > < <== == ===;
1.类型相同直接比较
2…类型不同，先自动装换类型，然后在进行比较
5.逻辑运算符 &&|| !

其他类型转boolean
1.number，0或者NaN 为假，其他为真
2.string：除了“”为假其余都为真
3.null和undifined都为FALSE
4.所有对象都是TRUE
5.obj

6.三元运算符 ？ ：

特殊语句：
1.语句一；结尾，如果只有一行语句，：可以省略，建议不要
2.语句二：变量定义问题使用var关键字也可以不使用
区别：定义变量不同；用了定义的是局部变量，不用定义的是全局变量
流程控制语句：
1.if。。。else。
2.switch
1.在java中可以接受的数据类型 swtich byte short int char 枚举(1.5) string(1.7)
2.在js中，什么类型都可以
3.while语句
while(num<=100){
sum+=num;
num++;

}
alert（sum）
基本对象：
Function函数：描述一个方法和函数对象
/*

• function :函数对象
  如何创建
  一。（了解）1. var fun=new Function（“a”,“b”）；
  2.调用方法：方法名称（参数）；
  二.function 方法名称（形式参数列表）{方法体}；
  1.特点：方法定义时形参类型不用写
  2.方法重名会进行覆盖;
  3.zaijs中方法调用只和方法名有关，和参数无关，没定义就是undefined，在方法中有个隐藏的内置对象 arguments；
  4.arguments 相当于Java中的可变参数 类型。。。形参
  */
  Array数组对象
  1.创建1.var arr=new array（元素列表）；
  var arr=new Array(默认长度）；
  3.var arr={元素列表}；
  var a=new Array(1,true,“lll”);
  var b=new Array(5);
  var c=[1,a,“c”,1];
  2.方法
  join（）将数组中元素拼接为字符串 arr.join(–),把数组内元素拼接成字符串
  alert(a.join("----"));
  push方法：arr.push（）向末尾添加一个数并返回数组的现在长度

3.属性
length属性,数组长度
特点：
1.元素类型可变
2.在js中数组长度可变；不给值就是undifined
Date日期对象
date

1.创建
var date =new Date（）；
2.方法
对应的时间本地字符串格式
toLocaleString()；
var date=new Date();
document.write(date+"
");
document.write(date.toLocaleString()+"
");
Math 数学对象
1.创建
*特点 不用创建直接使用 math.方法名();

2.方法
math.random（）返回0到1之间的随机数 左闭右开
floor（）向下取正 3.14向下取整，把小数部分舍去
ceil（）想上取整 3.14 向上取正 大于他的最大整数 4
round（）四舍五入

3.属性
Math.pi圆周率

RegExp对象：正则表达式，字符串定义规则
单词字符组成，长度6-12位
1.单个字符[]
[a] [ab] a或b中的一个 [a-z]
*特殊符号代表特俗含义 \d （【0-9】): 单个数字字符 \w（[a-zA-Z0-9]）

2.量词符号
？代表0次或一次
：代表0次或多次
+出现一次或多次
{m,n} 大于等于m 小于等于n 闭合范围
{ ，n}最多n次 {m,}最少m次
3.开始结束符号^开始符号 $结束符号
对象的创建
var reg=new RegExp（“正则表达式”）；
/* var i= new RegExp("[a-zA-Z0-9]{1,12}"); */
var i= new RegExp("//w{1,12}");
/转义字符，不要忘了

var reg=/正则表达式/;
var j=/^\w{1,}$/;没有引号，记住了
方法：test（参数） 验证指定字符串是否需要规范
Global：创建
1.特点 全局对象 封装的方法，不需要对象直接调用，
2.方法
encodeURL（）url编码
decodeURL（）url解码
encodeURLComponent（）url编码 编码的字符变多
decodeURLComponent（）url解码
parseInt：将字符串转换为int，以数字开始，会转化为数字。
isNaN
BOM；
概念：Brower objec Model 浏览器对象模型
浏览器对象：nevigator(了解）

窗口对象：Windows
/*
1.创建
2.方法
1.与弹出框有关的
alert：警告框
alert(“你好，”);

confirm：确认 取消对话框框
如果用户点击确定按钮，返回true
点击取消返回flase

var flag=confirm("我是你的");
   if(flag==true){
	   
	   alert("你好，是");
   }else{
	   alert("你错了，不是");
   }

prompt：显示用户输入框

2.与打开关闭有关的方法
对象=open（“网址”）；新建窗口打开网址的页面 返回一个新建网页的对象
对象.close(): close 谁调用就关闭谁

var n=document.getElementById("newPage");

n.onclick=function(){
	newp=open("http://baidu.com");
	
	 var n=document.getElementById("cPage");
	 n.onclick=function(){
		 
		 
		 newp.close();
	 }

3.定时操作
setTimeout(a，b): 定时 单次不反复
a：代码或者方法名 b 代表的时间 单位是毫秒
返回唯一标识，用于取消

clearTimeout（）;取消
setInterval():反复 定时 重复
clearinterval （）：取消定时
var s=setTimeout(fun, 3000);
clearTimeout(s);
var interval= setInterval(fun, 2000);
clearInterval(interval);

3.属性
1.不需要创建，直接window.方法名调用
2.window可以省略不写。

属性：
1.获取其他bom对象
history：
location：
nevigator：
2.获取dom对象：
window.document

二》history：
三。location：地址栏像
创建
var l=window.location()
var l=location（）；

方法属性和方法
1。reload（）.定义一个按钮，刷新当前页面

2.href 属性 获取对象的链接
var v=location.href;
location.href=“https://www.sougou.com”;

*/

历史纪录对象History
代表当前窗口访问过的历史记录：
创建：获取
window.history()
方法
back（）加载history中的前一个url 假设有两个页面 第一个页面为a 第二个为b a跳转到b b中写back方法；
forward（） 加载history中的下一个url 假设有两个页面 第一个页面为a 第二个为b a跳转到b 关闭b，在a中写forward方法，返回到关闭的b

node 节点对象：，所有的dom对象都可以看为节点

方法：appendChild（）：向子节点中添加新的子节点。

创建一个对象：
var div3=document.createElement(“div”);
div3.setAttribute(“id”, “div3”);

bt1.οnclick=function(){
d1.appendChild(div3);

}
node树对象：

removeChild（）：删除并且返回当前节点的指定子节点
//d1.removeChild(d2);
replaceChild（）：用新节点替换一个子节点

dom对象：
子节点.parentNode；返回父节点

超链接功能有两个：
1.可以被点击
2.点击后跳转到href指定url：
保留一功能:javascript:void(0);

htmldom:
如何获取，修改，删除
1.标签题设置：innerHTML
2.html元素的使用具体案例查询学习

3.控制样式。
1.使用元素的style属性
元素名.style.添加样式名=“样式赋值”；

1.
功能：控制html文档内容。
代码：获取页面标签（元素）对象 
Element  document.getElmentById("id");
操作对象：
1.设置修改属性值
1.明确获取的对象是哪一个
2.查看api，找出那些属性可以设置
2.修改标签内容
属性：innerHTML
t.innerHTML="啦啦啦";
事件简单学习：
某些组件被执行了某些操作以后，触发了某些操作的执行。
*如何去绑定事件
1.直接在html标签上，指定事件的属性，属性值就是js代码

```

onclick。。单击事件
缺点：标签和绑定在一起，耦合性较高
2.通过js获取元素对象，指定事件属性，制定函数。

<img  id="light2"   src="img/off.gif">
<script type="text/javascript">
function fun2(){
	alert("咋老点我");
	
}
    var l1=document.getElementById("light2");
    l1.onclick=fun2; //调用时不要写括号
    



</script>

小灯泡实验：

<body>
<img  id="light" alt="关灯图片" src="img/off.gif">
<script type="text/javascript">
/*  
 * 1获取图片对象
 2.绑定单击事件
 3.每次点击切换图片
 */
 
  var light=document.getElementById("light");
  var flag=false;
  light.onclick=function(){
	  
	  if(flag==false){
		  light.src="img/on.gif";
		  flag=true;
		  
	  }else{
		  light.src="img/off.gif";
		  flag=false;
	  }
	  </script>
  }