首页 > 代码库 > javascript基础
javascript基础
第一讲_JavaScript基础
JavaScript由3部分组成：ECMAScript、DOM和BOM
在HTML页面中引用JavaScript由种方式：直接把JavaScript代码卸载标签<script>和</script>之间，使用外部Javascript文件或直接把剪短的javaScript代码写在HTML标签中。
数据类型：1.undefined（未定义类型，用var声明），2.null（空类型，如果一个变量是null类型，则返回值为Object）3.number（数值类型）4.String（字符串类型）5.boolean（布尔类型）
String对象常用方法：
方法 | 描述 |
toStrig() | 返回字符串 |
toLowerCase() | 把字符串转化为小写 |
toUpperCase() | 把字符串转化为大写 |
charAt(index) | 返回在指定位置的字符串 |
indexOf(str,index) | 查找某个指定的字符串在字符串中首次出现的位置 |
Substring(index1,index2) | 返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符 |
Split(str) | 将字符串分割为字符串数组 |
5．数组：
1）Var 数组名称=new Array(size);
2）数组的常用属性和方法：
类型 | 名称 | 描述 |
属性 | Length | 设置或返回数组中元素的数目 |
方法 | Join() | 把数组的所有元素放入一个字符串，通过一个分隔符进行分隔 |
Sort() | 对数组排序 | |
Push() | 想数组末尾添加一个或更多元素，并返回新的长度 |
6．常用的输入/输出
1）警告（alert）:alert(“警告信息”)
2）提示（jprompt）:prompt（”提示信息”，“输入框的默认信息”）;
3) JavaScript的输出语句：document.write(“输出信息”);
7.常用的系统函数：
1）parseInt()函数可解析一个字符串，并返回一个整数：
Eg：var num2=jparseInt(“123456dsf”) 返回值是123456
2）parseFloat() 函数可解析一个字符串，并返回一个浮点数：
Eg：var num= parseFloat(“color123”) 返回值是NaN
Eg：var num= parseFloat(“123”) 返回值是123
Eg：var num= parseFloat(“123.45.12”) 返回值是123.45
3）isNaN() 函数勇于检查其参数是否是非数字：
Var num=isNaN(“12.5”) 返回值是false
Var num=isNaN(“12.5s”) 返回值是true
Var num=isNaN(12.5) 返回值是false
8.自定义函数：
function 函数名([参数1，参数2……]){
//JavaScript语句
[return 返回值]
}
第二讲_JavaScript对象
Window对象（浏览器对象）的常用属性：
名称 | 说明 |
history | 有关客户访问过的URL的信息 |
location | 有关当前URL信息 |
Window对象的常用方法：
名称 | 说明 |
prompt() | 显示可提示用户输入的对话框 |
alert() | 显示一个带有提示信息和一个“确定”按钮的警示对话框 |
confirm() | 显示一个带有提示、“确定”、“取消”按钮的对话框 |
close() | 关闭浏览器窗口 |
open() | 打开一个新的浏览器窗口，加载给定URL所指定的文档（3个参数） |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式 |
setInterval() | 按照指定的周期（以毫秒计）来调用函数或表达式 |
窗体的特征属性：
名称 | 说明 |
height、width | 窗口文档显示区的高度、宽度，以像素计 |
left、top | 窗口的x坐标、y坐标，以像素计 |
Toolbar=yes|no|1|0 | 是否显示浏览器的工具栏，默认是yes |
Scrollbars=yes|no|1|0 | 是否显示滚动条，默认值是yes |
Location=yes|no|1|0 | 是否显示地址栏，默认值是yes |
Status=yes|no|1|0 | 是否添加状态栏，默认值是yes |
Menubar=yes|no|1|0 | 是否显示菜单栏，默认值是yes |
Resizable=yes|no|1|0 | 窗口是否可调节尺寸，默认是yes |
Titlebar=yes|no|1|0 | 是否显示标题栏，默认是yes |
Fullscreen=yes|no|1|0 | 是否使用全屏模式显示浏览器，默认是no |
Window对象的常用事件：
名称 | 说明 |
Onload | 一个页面或一幅图像完成加载 |
Onmouseover | 鼠标指针移到某元素之上 |
Onclick | 鼠标单击某个对象 |
Onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |
History对象提供用户最近浏览过的列表，history对象的方法：
名称 | 描述 |
Back() | 加载history对象列表中的前一个URL,等效于浏览器中的“后退”按钮 |
Forward() | 加载history对象列表中的后一个URL，等效于浏览器中的“前进”按钮 |
Go() | 加载history对象列表中的某个具体URL |
Location对象提供当前页面的URL信息，并且可以重新装载当前页面或装入新页面：
Location对象的属性：
名称 | 描述 |
Host | 设置或返回主机名和当前URL的端口号 |
Hostname | 设置或返回当前URL的主机号 |
Href | 设置或返回完整的URL（通过对此属性设置不同的网址，达到跳转功能） |
location对象的方法：
名称 | 描述 |
Reload() | 重新加载当前文档 |
Replace() | 用新的文档替换当前文档 |
document对象既是window对象的一部分，又代表了整个HTML文档，可用来访问页面中的所有元素：
document对象的常用属性：
名称 | 描述 |
Referrer | 返回载入当前文档的URL |
Replace() | 返回当前文档的URL |
document对象的常用方法：
名称 | 描述 |
GetElementById() | 返回对拥有指定id的第一个对象的引用（一般勇于访问DIV、图片、表单元素、网页标签等，但要求访问对象的id是唯一的） |
getElementsByName() | 返回带有指定名称的对象的集合（它访问元素的name属性，由于一个文档中的name属性可能不是唯一的，因此此方法一般勇于访问一组相同的name属性的元素，如具有相同name属性的单选按钮、复选框等） |
getElementsByTagName() | 返回带有指定标签名的对象的集合（次方法是按标签来访问页面元素的，一般用访问一组相同的元素，如<input>、一组图片等） |
Write() | 向文档写文本、HTML表达式或JavaScript代码 |
JavaScript中，系统的内置对象有Date对象、Array对象、String对象和Math对象等。
Date对象：var 日期实例 = new Date(参数) //参数是字符串格式“MM DD，YYYY，hh：mm：ss”
Eg:var tdate = new Date(“July 15,2013,16:34;28”)
Date对象的常用方法：
方法 | 说明 |
getDate() | 返回Date对象的一个月中的每一天，其值为1~31 |
getDay() | 返回Date对象的星期中的每一天，其值为0~6 |
getHours() | 返回Date对象的小时数，其值为0~23 |
getMinutes() | 返回Date对象的分钟数，其值为0~59 |
getSeconds() | 返回Date对象的秒数，其值为0~59 |
getMonth() | 返回Date对象的月份，其值为0~11 |
getFullYear() | 返回Date对象的年份，其值为4位数 |
getTIme() | 返回自某一时刻（1970年1月1日）以来的毫秒数 |
Math对象提供了许多与数学相关的功能，它是Javascript的一个全局对象，不需要创建，直接作为对象使用就可以调用其属性和方法：
Math的常用方法：
方法 | 说明 | 示例 |
ceil() | 对数进行上舍入 | Math.ceil(25.5);返回26 Math.ceil(-25.6);返回-25 |
floor() | 对数进行下舍入 | Math.floor(25.5);返回25 Math.floor(-25.5);返回26 |
round() | 把数四舍五入为最接近的数 | Math.round(25.5);返回26 Math.round(-25.5);返回-26 |
randorn() | 返回0~1的随机数 | Math.randow();例如，0.456132646546544 |
常用定时函数：
setTimeout():用于在指定的毫秒后调用函数或计算表达式，语法：setTimeout(“调用的函数名称”，等待的毫秒数)
setInterval():可指照指定的周期（以毫秒计）来调用函数或计算表达式，语法：setInterval(“调用的函数名称”，周期性调用函数之间间隔的毫秒数)
clearTimeout()和clearInterval()：
clearTimeout函数用来清除由setTimeout()函数设置的timeout，语法：
clearTimeout (setTimeout()返回的ID值) ;
clearInterval 函数用来清除由setInterval ()函数设置的timeout，语法：
clearInterval (setInterval ()返回的ID值) ;
本文出自 “张志鹏” 博客，请务必保留此出处http://zhangzhipeng.blog.51cto.com/9115459/1571400
javascript基础