前端基础：JS基本语法+JS对象+JSBom操作

一、JavaScript简介

1、JavaScript是以一种解释性脚本语言，由浏览器解释执行，用来页面添加交互行为
2、JavaScript有三部分：ECMAScript（核心），BOM（浏览器对象模型），DOM（文本对象模型）
ECMAScript：描述了js基本语法，类型、语句、关键字、保留字、运算符和对象等
DOM：文档对象，把文档中的所有节点解析成一个一个对象
BOM：浏览器的一种特性，可以对浏览器窗口进行访问和操作

二、JavaScript三种写法

1、行内：

<a href="javascript:;alert('行内式')">点击这里</a>

2、内部：

<script type="text/javascript">
	alert("1111")
</script>

3、外部

<script type="text/javascript" src="1_js.js"></script>
js文件
alert("外部式")

三、JavaScript变量

变量声明：
var 变量名
var 变量名= 值

<script type="text/javascript">

	var name="小红",age = 18
	console.log(name)
	console.log(age)
	
</script>

四、JavaScript原始数据类型

JavaScript的原始数据类型：undefined、null、number、Boolean、String

 	 var a = undefined;
	var b = null;
	var c = true;
	var d = 4;
	var e = "tian";
	console.log(typeof(a)); //undefined
	console.log(typeof(b)); //object
	console.log(typeof(c)); //boolean
	console.log(typeof(d)); //number
	console.log(typeof(e)); //string

五、JavaScript的运算符

1、赋值运算符

+=
-=
*=
/=
%=

2、算数运算符

	var a = 10;
	var b = 9;
	console.log(a+b);
	console.log(a-b);
	console.log(a*b);
	console.log(a/b);
	console.log(a%b);

3、比较运算符（关系运算符）

、<、、<=、>=、=、!=、!===

4、逻辑运算符 && || ！

	console.log(a==b);
	console.log(true && a>b);
	console.log(true || a>b);
	
	var c = "aaaa";
	var d = new String("aaaa");
	console.log(c==d);
	console.log(c===d);
	
	console.log(!c==d)

六、JavaScript流程控制

1、分支：
（1）if语句
（2）switch语句
2、循环
（1）while语句
（2)do-while语句
（3）for循环
3、break/continue语句
4、三目表达式

<script type="text/javascript">
	for(var i = 0;i<5;i++){
		console.log("hello" + i);
	}
	
	var age = 20;
	if(age>18){
		console.log("您已成年")
	}else{
		console.log("还未成年")
	}
</script>

七、JavaScript函数

<script type="text/javascript">
	function f1(){
		alert(111)
	}
	
	function f2(t){
		alert(t)
	}
	
	function f3(){
		alert(333)
	}
	
	function f4(a,b){
		return a+b;
	}
	
	f1();
	f2(222);
	f3();
	alert(f4(5,3))
</script>

八、JavaScript对象

<script type="text/javascript">
	var str = new String("dfghjkl");
	console.log(str.length);
	console.log(str.substr(3,5));
	console.log(str.substring(3,5));
	
	var date = new Date();
	console.log(date.getDay());
	console.log(date.getTime());
	console.log(date.getFullYear());
	console.log(date.getMonth());
	
	//数学对象
	console.log(Math.random());
	console.log(Math.round(3.6));
	console.log(Math.floor(3.6));
	console.log(Math.ceil(3.5));
	console.log(Math.min(2,4));
	console.log(Math.max(2,5))
	
	//全局函数
	console.log(eval(1+2+3+4));
	console.log(isNaN("gh"));
	console.log(parseInt("123"));
	console.log(parseFloat("ghjk"))
	
	
	//自定义对象
	console.log("---------------------")
	//方式一
	function Person(){
		
	}
	var p2 = new Person()
	p2.name = "李四";
	p2.age = 15;
	console.log(p2)
	
	//方式二
	function Person1(){
		this.name  = "张三";
		this.age = 18
		this.play = function(){
			console.log("跳绳")
		}
	}
	var p = new Person1()
	console.log(p)
	p.play()
	
	
	
	//方式三
	Person.prototype.sex = 0;
	console.log(p2)
	
</script>

九、window

<script type="text/javascript">
	var boo = window.confirm("确认删除改数据？");
	console.log(boo);
	
	//周期性定时器
	function f1(){
		document.write("<h1>" + new Date().toLocaleString() + "</h1>");
	}
	var timer = window.setInterval("f1()",1000);
	//清除周期性定时器
	window.clearInterval(timer);
	
	function f2(){
		window.location.href="http://www.baidu.com";
	}
	//一次性定时器
	window.setTimeout(f2,1000);
	</script>