JavaScript基础

什么是JavaScript？

    JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。不需要进行编译，直接嵌入到HTML页面中，由浏览器执行。

为什么使用JavaScript？

添加页面的动态效果，提供用户操作体验，对浏览器事件作出相应，验证提交数据，检查访客的浏览器信息。

JavaScript的组成

ECMAScript:核心语法，语句

DOM：操作文档的元素和内容

BOM：浏览器对象

JavaScript的引入

内联式：

<script type="text/javascript">自己的代码</script>

外联式：

<script src="../js/jquery-1.11.3.js"type="text/javascript"></script>

数据类型

基本类型：undefined、number、String、Object、boolean

引用类型：预定义的内置对象

BOM对象

【window】

window对象提供的都是全局函数，调用函数时可以省略

1、定时器：

setInterval(code,millisec)

code是执行的函数名或者执行的代码字符串

setInterval(show,1000)

setInterval("show()",1000)

setTimeout()用法同setInterval（）一致；

2、弹出框：alert()、Confirm()、prompt()

window.οnlοad=function(){
			alert("nihao");
			
			var c=confirm("珍惜美好时光");
			alert(c);
			
			var p=prompt("确定要退出吗？","我要退出");
			alert(p);
		}

【History】

go(-1)：跳转到前一页

go(1)：跳转到下一页

【Location】

function change(){
			location.href="JavaScriptDemo.html";	
		}
<input type="button" id="myId" value="点我" οnclick="change()"/>

DOM对象

    我们获取元素、创建元素等操作，统称为DOM操作。Domcument ObjectModel文档对象模型，定义访问和操作结构化文档的方式。浏览器加载整个HTML文档形成document对象，这个对象可以访问和操作html文档中的所有元素。

【获得元素】

window.οnlοad=function(){
			var btnObj=document.getElementById("myText");
			alert(btnObj.value);
		}
<input type="text" id="myText" class="myTextClass" value="文本"/>

【创建元素】

for(var i=0;i<cityObj.length;i++){
					//创建一个option的标签
					var op=document.createElement("option");
					//向标签中添加文本元素
					var txt=document.createTextNode(cityObj[i]);
					//向标签中添加文本
					op.appendChild(txt);
					//向城市的下拉框中添加option
					city.appendChild(op);
					
					//字符串思想  直接用innerHtml
					city.innerHTML+="<option value=''>"+cityObj[i]+"</option>";	
				}

数组

    在JavaScript中也存在数组，但是这里的数组与我们以往认识的数组有一些区别。有这样的特点：1、数组中存放的数据类型是任意的；2、长度是可变的；3、索引可以是字符串；

var array1=new Array();
			var array2=new Array(3);
			var array3=new Array("123","你好","Hello","大家好");
			alert(array3[2]);
			array2[4]="超越角标";
			alert(array2[4]);
			array1["字符角标"]="我是字符角标下的内容";
			alert(array1["字符角标"]);

函数的定义

声明式函数：

function change(){
			location.href="JavaScriptDemo.html";	
		}

匿名式函数：

var fn=function(){
			alert("匿名式函数")
		}

函数绑定

//页面加载绑定
		window.οnlοad=function(){}
		//普通对象绑定
		var obj=document.getElementById("myId");
		obj.οnclick=function(){}
		//表单绑定
		document.forms[0].submit()=function(){}

    JavaScript是一种编程语言，一种轻量级的脚本语言，能嵌入到html中，不需要编译就可以直接在浏览器中执行，为静态的html添加动态的效果，功能非常强大。