第3章 javascript概述（1）

这一章学习了JavaScript，它主要用来提升HTML页面的交互性，添加各类动态功能，而且不须要编译。javascript

使用方式包括：css

内嵌式html

<script type="text/javascript">
    alert("内嵌式引入js");
</script>

外链式java

<!--css引入时link是单标签的；成对的-->
<!--<script type="text/javascript" src="myJs.js">
</script>-->

// JavaScript Document
alert("jdjsd");

JS 能作什么？：

（1）对事件的反应（鼠标点按钮：单击、双击；）浏览器

（2）验证输入（例如输入用户名、密码，验证长度不能大于10）函数

（3）改变HTML标签的内容或者样式学习

（4）直接输出HTML内容spa

js能够放在html的任何位置，可是为了方便维护能够统一放在<head></head>中，能够写多个<script></script>。注释能够用 // 注释单行 /* */ 注释多行。每一行代码用分号分隔而且能够一行写多条语句。code

JavaScript 能够经过不一样的方式来输出数据：htm

（1）使用 alert() 弹出警告框。

（2）使用 console.log() 写入到浏览器的控制台。

（3）使用 document.write() 方法将内容写到 HTML 文档中。

（4）使用 innerHTML 写入到 HTML 元素。

//几种打印方式
	console.log("我是console打印");
	document.write('<h1>写入页面</h1>');
	document.getElementById("msg").innerHTML = "您用户名不对";
	alert("内嵌式引入js");

JS中常见的数据类型：

js中使用var声明变量。无需指定变量类型，变量名能够由字母、下划线（_）、美圆符号（$），甚至中文组成，但中文命名的方式不建议使用，中间能够是数字、字母或下划线，可是不能有空格、加号、减号等符号。声明时不能数字开头。

须要注意的是，如下关键字一样不能够用做函数名、对象名：

var a = 1;
	var b = 1.0;
	b = "haha";//js里面能够赋值为不一样类型是数据
	alert(typeof(b));//typeof是查看b的数据类型
	b = true;	
	alert(typeof(b));//typeof是查看b的数据类型

	var c;
	alert(typeof(c));//undefined
	var d = [];
	alert(typeof(d));//object对象类型

js中的运算符：

//字符串+链接符
	var a = 12; 
	var b = "12";
	var c = a + b;
	alert(c);//1212
	var d = a + parseInt(b);//parseFloat,只有这2个
	alert(d);//24*/

	var a = 12;
	var b = "12";
	alert("==:"+(a==b));//只比较值是否相等
	alert(a===b);//值和类型都相等*/

定义一个对象：

var person = {
		height: "65kg",//属性
		weight: 165.00,
		sex: true,
		eat: function(){//方法
			alert("我吃饭了");
		},
		sleep: function(n){//n:睡了几个小时
			alert("睡了："+n+"小时");
		}
	};
	alert("身高："+person.height);//对象名字.属性
	alert("体重："+person.weight);
	person.eat();//对象名字.方法或叫函数
	person.sleep("18个");