js基础知识总结
2016-06-25 20:25
381 查看
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);
它是一种开发语言,虽然名字中有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);
相关文章推荐
- JavaScript检测之basevalidate.js
- JavaScript检测之basevalidate.js
- JS制作一个跳转提示页面
- JavaScript利用数组、对象和迭代实现高效率fibonacci数列
- 使用JS构建简单的虚拟小键盘
- js对字符串的操作和对数组的管理
- JS学习中遇到的问题
- 【译】唯快不破:Web 应用的 13 个优化步骤
- js学习(一)
- JavaScript-------寄生组合式继承
- js中的hasOwnProperty和isPrototypeOf方法使用实例
- JS获取当月第一天和最后一天
- javascript浏览器---学习笔记
- 用过滤器来解决JSP中文乱码问题
- Json
- JS小技巧:判断数据类型的一种方法
- JavaScript(二)
- JScrollPane的简单用法!
- JSplitPane按比例分割的问题
- 固定JSplitPane比例分割