JavaScript入门

js/JavaScript简介
是一门基于事件和对对象的脚本语言，常用于动态修改html页面的动态效果
基本语法
定义变量
var a;
注：默认值为undefined
java中常用运算符与逻辑判断都可以使用
常用弹框测试alert(a);
常见的类
类都是通过new出来的，如
var a=new Array();
String
toUpperCase())大写转换
alert(a.substring(开始,结束)截取字符串
Date
toLocaleDateString()获取当前年月日
toLocaleTimeString()获取当前时间
Array
length长度属性

定义函数

function 函数名(参数a，参数b) {
	可添加return
}；

var aa=function(参数a，参数b){
	可添加return
};
var a=aa（参数a，参数b）;//接收return值

事件

事件三要素分为{
事件源 标签
事件监听器 如click
事件 js里定义的方法
}
绑定事件

<input type="text" onclick="函数名()">

鼠标点击事件 onclick
得到焦点事件onfocus
失去焦点事件onblur
鼠标处在范围内事件onmouseover
鼠标离开范围内事件onmouseout
键盘校验事件onkeyup

DOM模型
DOM指的是文档对象模型
获取标签方式
根据id获取

<input id="aa" type="text">
	//此处将js代码直接在html中写了，alert表示弹框，var a表示接收标签名
	<script type="text/javascript">
	 var a=document.getElementById("#aa").nodeName;
	 alert(a);
	</script>

根据标签名获取

<input type="text">
	<script type="text/javascript">
	//获取标签，是一个数组
	 var arr=document.getElementsByTagName("input")
	 //通过下标,取出标签名
	 alert(arr[0].nodeName);
	</script>

赋文本框value值

<input id="ab" type="text">
	<script type="text/javascript">
	document.getElementById("#ab").value="文本框值";
	</script>

取文本框值

<input id="ab" type="text" value="ddd">
	<script type="text/javascript">
	var a=document.getElementById("#ab").value;
	alert(a);
	</script>

操作文本

<span id="ab">我是文本</span>
	<script type="text/javascript">
	//文本赋新的值，添加标签一样可以使用
	document.getElementById("#ab").innerHTML="我是新的文本";
	</script>

<span id="ab">我是文本</span>
	<script type="text/javascript">
	//文本取值
	var a=document.getElementById("#ab").innerHTML;
	alert(a);
	</script>

操作css样式

<span id="ab">我是文本</span>
	<script type="text/javascript">
	document.getElementById("#ab").style.color="red";
	</script>

BOM模型
BOM是指浏览器对象模型
下面列出几种常见对象
window
window对象中常用方法有
moveBy——移动
resizeBy——调整大小
history
history对象中常用方法有
back——上一页
forword——下一页
go——指定的页面
location
主要用于链接herf属性