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.onload=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="点我" onclick="change()"/>

DOM对象

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

【获得元素】

window.onload=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);//向城市的下拉框中添加optioncity.appendChild(op);//字符串思想  直接用innerHtmlcity.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.onload=function(){}//普通对象绑定var obj=document.getElementById("myId");obj.onclick=function(){}//表单绑定document.forms[0].submit()=function(){}

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