JavaScript基础

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="文本"/>

创建元素

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

数组

在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(){}