javascript（js）基础知识

javascript （简称js）基础知识：

它是一种开发语言，虽然名字中有java，但是它跟java无关。java主要是做服务器端的程序开发，而js则是客户端页面中脚本语言的开发。所以js是一种脚本语言。

脚本：一种可以直接嵌套在浏览器端并直接在页面中运行的程序。

js语言的特点：

1）解释执行；

2）弱语言；

3）基于对象（oop面向对象编程）；

4）事件驱动（重点）；

5）简单性；

6）不同浏览器的支持是不同的

如何去写javascript代码：

1）js代码的位置 ：

基本上可以写在页面的任何一个地方

a）直接写在页面中；

b）写到页面标签元素的属性里面

c）写到一个外部的文件里边（.js结尾）

如果是写到页面中必须用一个便签括起来<script language="javascript" >在这里写js代码</script>

js的运行：

浏览器可以直接运行js代码（也就是所谓的解释执行），但是不同的浏览器运行js代码后产生的效果会有所不同，甚至是报错。

js代码是嵌入在页面中的，所以直接运用浏览器去运行页面，js代码也就会被执行了。

使用js可以做什么事情：

1）对客户端的数据进行计算；

2）动态的改变页面中的标签元素的属性；

3）创建或是删除页面中的标签元素；

4）获取页面中的数据（例如输入框中的值，鼠标当前坐标值等等）

5）验证用户填写的表单元素的值的合法性；

6）在Ajax中利用js去解析服务器端传到页面中的文本或是xml文档

注：DHTML很多时候指的就是html+css+javascript在子页面中实现的动态效果

javascript中的注释：

1）单行注释：//注释的内容

2）多行注释：/*注释的内容*/

javascript中的三总弹窗方式：

1）alert ： 弹出提示框或是警告框，用户点击确定即可继续访问页面；

2）confirm：确认框，点击确认，返回true，点击取消，返回false；

3）prompt：输入对话框，返回用户输入的内容。

这三个都是window对象的方法，（同时也只有window对象的方法在调用时不用写window）

例如window.alert();也可以直接写alert（），效果一样。

这三个弹框的共同特点就是，浏览器运行到该弹出框时，如果用户不点击确定或是取消按钮，浏览器就不执行接下来的代码。

js中声明变量：

任何类型的变量都可以用var关键字来声明：

例如：var i = 0；

    var a = ”“；

    var b = 1.0；

    var c = new Date（）；

    var d = true；

   ......

js中的标示符（变量名）：

1）大小写敏感；

2）不能以数字开头；

3）可以由数字，字母，下划线，$符组成；

4）不能使js中的关键字

js中的dom对象详解参考跃睿的博客，地址是：http://blog.csdn.net/mcy478643968/article/details/5949120

js中的一些内置对象的使用：

1）字符串：

var s = "   Hello World     "；

//获取字符串的长度

document.write(s.length);

//从下标是3的位置开始，截取4个字符，包括下标位置是3的元素

document.write(s.substr(3,4));

//从下标为3的位置开始，截取到下标为4的字符，包括下标为3的字符，但不包括下标为4的字符

document.write(s.substring(3,4));

//trim（）方法可以去掉字符串头和尾的空格，中间的不能去掉，但有的浏览器不支持

document.write(s.trim() + s.trim().length);

//字符串全部转换为大写

document.write(s.toUpperCase());

//字符串全部转换为小写

document.write(s.toLowerCase());

2）分隔符：

//分割字符串返回一个数组

document.write(s.split(" "));

//返回分割后返回的数组的长度

document.write(s.split(" ").length);

//返回分割后返回的数组的下标为3的数组元素

document.write(s.split(" ")[3]);

3)日期对象：

var date = new Date();

//打印当前时间

document.write(date);

//获取当前年份减去1900后的值

document.write(date.getYear());

//获取当前年份

document.write(date.getFullYear());

//获取当前月份减去1后的值

document.write(date.getMonth());

//获取当前月中的具体哪一天，也就是当前月的第几号

document.write(date.getDate());

//星期几

document.write(date.getDay());

//获取时间中的小时数 （24小时制）

document.write(date.getHours());

//获取时间中的分钟数

document.write(date.getMinutes());

//获取时间中的秒数

document.write(date.getSeconds());

//获取时间中的毫秒数

document.write(date.getMilliseconds());

4）Math对象

//获取常量π

document.write(Math.PI);

//获取常量e

document.write(Math.E);

//获取0-1之间的随机数[0,1)

document.write(Math.random());

//获取[23,36]之间的随机数

document.write(parseInt(Math.random()*14 + 23));

//获取最小的数字

document.write(Math.min(4,1,3,5));

//获取最大的数字

document.write(Math.max(4,1,3,5));

5）数组对象

var array = new Array(4);//创建数组的时候可以指定其数组长度，也可以不指定，因为数组长度是可变的

js中数组的特点：

a）数组的长度是可变的；

b）数组中的元素的类型可以不同；

c）数组的长度与数组的最大下标值相关，（其长度是最大下标值加1）

for-in除了可以遍历数组外还可以遍历一个对象

例如：

for（var i in array）{

document.write(array[i] + "<br>");

}

6）其他的常见对象

window

window.location

window.history

window.document

//新建一个浏览器窗口，URL地址是括号中的值

window.open("url");

//在浏览器的当前窗口中打开这个URL地址

window.location.href("url");

在使用浏览器进行一系列的页面访问的时候，浏览器会记录这些访问的历史记录

//访问历史记录里的下一个页面

window.history.forward();

//访问历史记录里的上一个页面

window.history.back();

//向前跳n个页面

window.history.go(n);

//向后跳n个页面

window.history.go(-n);

document代表的是整个html页面

window.document

常用的获取页面标签元素对象的方法有：

a）document.getElementById("id");

//以下三种方式返回一个元素对象的集合

b）document.getElementsByName("name");

c）document.getElementsByTagName("tagName");

d）document.getElementsByClassName("className");

js中拿到一个元素对象后可以做什么：

a）在元素中添加文本值（如果该元素中可以添加的话）；

b）修改元素中的属性值

c）添加或是删除一些元素对象

js中获取任何一个元素对象中的文本值：

a）让用户输入的标签元素

例如：文本输入框，密码框，文本域等

//首先拿到这个元素对象

var myInput = document.getElementById("ID");

//获取元素对象中的文本值

var val = myInput.value;

//设置元素中的文本值

myInput.value = “改变后的文本值”；

b）直接写在开始标签和结束标签中的元素

例如div，font，span，td，p等

<div>内容</div>

//首先拿到这个元素对象

var myDiv = document.getElementById("id");

//获取元素中的文本值

var val = myDiv.innerHTML;

//设置元素中的文本值

myDiv.innerHTML = “改变后的值”;

js判断一个变量是不是数字：

通过方法isNaN();返回true或false；该方法名是is not a number的简写

例如：

var a = "123abc";

var b = "123";

alert(isNaN(a));//弹出true

alert(isNaN(b));//弹出false

js中让一个标签元素获得焦点：

例如：document.getElementById("id").focus();

js中的全局函数eval()：

//使用全局函数eval（）计算一个字符串类型的运算式的结果

var a = "1+2*3";

alert(eval(a));//弹出7

js中的两种定时调用的方法：

window中方法：

setInterval，setTimeout

例子：

a）每隔1000毫秒调用一次showTime（）方法，

//方法返回一个id值，表示该定时任务的id编号值，可以通过该id值删除该定时任务

var id = setInterval("showTime()",1000);

//清除该定时任务

window.clearInterval(id);

b）1000毫秒后，调用showTime（）方法，并且只调用一次

setTimeout("showTime()",1000);