Javascript笔记

一、javascript的简介
（1）是基于对象和事件驱动的语言，应用于客户端（浏览器）

• 基于对象：提供好了很多对象，可以直接拿来使用
• 事件驱动：html做网站静态效果，javascript动态效果
• 客户端：专门指的是浏览器

（2）js的特点

• 交互性：信息的动态交互
• 安全性： js不能访问本地磁盘的文件
• 跨平台性：java里面跨平台性，虚拟机，浏览器都可以运行

（3）javascript和java的区别

• javascript 是基于对象的(对象直接拿来用)，java是面向对象的（对象自己new）
• java是强类型的语言（int i = “10”；不行），js是弱类型的语言（var m = “10”；可行 ）
• javascript只需解析就可以执行，java需要先编译成字节码文件，在执行。

（4）javascript的组成

• ECMAScript：ECMA（欧洲计算机协会），ECMA组织制定的js的语法，语句，变量…
• BOM：browser object model（浏览器对象模型），对浏览器进行操作。
• DOM：document object model（文档对象模型），对浏览器内容进行操作

注：语句，分号可有可无；函数无返回类型；

二、javascript的引用

//第一种：
<script type = "text/javascript">  js代码  </script>

//第二种：
<script type = "text/javascript" src = "js文件路径"></script>

注意：使用第二种方式时候，就不要在script标签里面写js代码，不会执行

三、javascript的原始类型

• java的基本数据类型：byte、short、int、long、float、double、boolean、char
• javascript的原始类型：string、number、boolean、null、undefined

定义变量：用关键 var

string：字符串		var str = "abc";
number：数字类型		var m = 123;
boolean：布尔类型	var flag = true;
null：引用为空	
undefined：未定义	变量，没有赋值

注：typeof(); 查看当前变量的数据类型

三、javascript的逻辑语句

• if 判断语句
• switch语句
• 循环语句：for、while、do-while

//if 判断语句
	=	//表示赋值
	==	//表示判断，比较的只是值
	===	//绝对相等，比较的是值和类型
	NaN	//表示不是一个数字

//switch语句
	switch（a）{
		case 5：
				break；
		case 6：
				break；
		default：
		......
	}

//循环语句：for、while、do-while
	var i = 5;
	while(i > 1){
		alert(i);
		i--;
	}
	for(var mm = 0;mm <= 3;mm++){
		alert(mm);
	}

四、javascript的数组

//第一种：
	var arr = [1,2,3];  var arr = [1,"4",true];
//第二种：使用内置对象Array
	var arr1 = new Array(5);//定义一个数组，数组的长度是5
	arr1[0] = "1";
//第三种：使用内置对象Array
	var arr2 = new Array(3，4，5);//定义一个数组，数组里面的元素是3，4，5

• length： 获取到数组的长度 （属性没有()，方法有()）
• 数组可以存放不同的数据类型的数据

五、javascript的函数

• 函数的参数列表里面，不需要写var，直接写参数名称

function 方法名（参数列表）{
	方法体；
	返回值；（可有可无，根据实际需要）
}

//匿名函数
var add = function（参数列表）{
	方法体和返回值；
}

调试：https://blog.csdn.net/yeyiting/article/details/84788692

函数不存在重载,只会调用最后一个方法。

六、script标签放在的位置

• 可放在任何地方（建议把script标签放到</body>后面）

七、javascript的bom对象

• bom：browser object model：浏览器对象模型

navigator：	获取客户机的信息（浏览器的信息）
screen：	获取屏幕的信息
location：	请求url地址
history：	请求的url的历史记录
window：	窗口对象、顶层对象（所用的dom对象都是在window里面操作的）

navigator.appName
document.write(navigator.appName);

document.write(screen.height);
document.write(screen.width);

document.write(location.href)；

//到访问的上一个页面
history.back();
history.go(-1);

//到访问的下一个页面
history.forward();
history.go(1);

window.confirm("显示的内容"); //确认框,返回boolean值

window.prompt("please input:","0");//输入的对话框
window.prompt("在显示的内容","输入框里面的默认值");

window.open(“打开的新窗口的地址url”,“名称（一般为空）”,“窗口的特征：例如，窗口的宽度，窗口的高度”）;
window.open("hello.html","","width =200,height = 300");
window.close();
window.setInterval("alert('123');",1000);//定时器,每1秒，执行一次alert方法
window.setTimeout("alert('123');",1000);//定时器,1秒后，执行js代码，只会执行一次
//清除定时器
var id1 = window.setInterval("alert('123');",3000);
window.clearInterval(id1);
var id2 = window.setTimeout("alert('abc');",4000);
window.clearTimeout(id2);

八、javascript的dom对象

• dom：document object model：文档对象模型

• document对象：整个html文档
• element对象：标签对象
• 属性对象
• 文本对象
• Node节点对象：这个对象是这些对象的父对象
  如果在对象里面找不到想要的方法，这个时候到Node对象里面去找

DHTML：动态的HTML，他不是一门语言，是多项技术综合的简称。(html+css+dom+javascript)

• html：封装数据
• css：使用属性和属性值设置样式
• dom：操作html文档（标记行文档）
• javascript：专门指的是js的语法语句（ECMAScript）

九、document对象

• document：表示整个的文档。

//常用方法

write();	//向页面输出变量,向页面输出html代码.
var str = “abc”；
document.write(str);
document.write("<hr/>");

getElementById("标签id的值");	//通过id得到元素（标签），返回的是对象引用（object）
var input = document.getElementById("nameid");
alert(input.value);

getElementsByName("标签name的值");	//通过name得到元素（标签），返回的是对象集合（数组）
var inputs = document.getElementsByName("name1");  //传递的参数是标签里面的name的值
for（var i = 0; i < inputs.length; i++）{   //通过遍历数组，得到每个标签里面的具体的值
	var input1 = inputs[i];    //每次循环得到input对象，赋值到input里面
	alert(input1.value);    //得到每个input标签里面的value值
}

getElementsByTagName("标签名称");	//通过Tag得到元素（标签），返回的是对象集合（数组）
var inputs1 = document.getElementsByTahName("input");  //传递的参数是标签名称
for（var m = 0；m < inputs1.length; m++）{
	var input1 = inputs1[m];	//得到每个input标签
	alert（input1.value）；	//得到value值
}

//标签使用getElementsByName();如果只有一个元素，可以直接通过数组的下标获取到值
//通过name得到input标签
var inputs2 = document.getElementsByName("name11")[0];
alert(inputs2.value);