码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript网页制作特效

时间:2016-07-30 12:07:39      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

一.什么是JavaScript? 网页交互特效的脚本语言。 特效 二.BOM对象 能够使得JavaScript和浏览器进行对话。 主要是使用Window对象进行操作。 History对象:历史,可以实现前进后退 back():后退一个页面,返回上级页面 forward():前进一个页面。 go(n): if(n==0) 刷新 else if(n>0) 前进n个页面 else if(n<0) 后退n个页面 Lacation对象:主要是针对地址栏的地址进行操作。 可以实现页面跳转,功能类似于,a标签。 href():设置或返回地址。类似于可以跳转页面 reload():刷新当前页面 Document对象:Document.write(); 在页面上显示某些内容。 对body里面的内容进行操作。 write():在body里面写相应的内容。 getElementById:必须写在方法中,因为需要触发这样一个东西才会执行效果。 getElementsByName:获得所有的name为指定名称的元素,返回长度 三.window对象: 三个弹窗。 open():打开 打开一个新的窗口。 close():关闭 关闭当前窗口。 setTimeout(): 某个时间后,执行某个函数。 只能执行一次。 在这个计时里面,是以毫秒为单位的。 1000等同于1秒 setinterval() 多少时间执行一次函数。 这个函数会执行多次。 四.JavaScript内置对象 String 对字符串的处理 .length属性,返回字符串的长度。 split(str) 将字符串分割为字符串数组 toLowerCase() 把字符串转换为小写 toUpperCase() 把字符串转换为大写 var b = a.charAt(0);//通过下标找到所对应的字符串中的字符 var b = a.indexOf("a",11);//从指定字符串的指定下标之后开始查找第一指定的字符串 var b = a.substr(0,3);//也就是说,会返回这个字符串中下标为0、1、2的字符串 var b = a.substr(5,8);//包括前一项,不包括后一项 Date 日期,处理日期 getDate() 返回 Date 对象的一个月中的每一天,其值介于1~31之间 getDay() 返回 Date 对象的星期中的某一天,其值介于0~6之间 0-星期天,1-星期一,2-星期二....6-星期六 getHours() 返回 Date 对象的小时数,其值介于0~23之间 getMinutes() 返回 Date 对象的分钟数,其值介于0~59之间 getSeconds() 返回 Date 对象的秒数,其值介于0~59之间 getMonth() 返回 Date 对象的月份,其值介于0~11之间 从0开始,0-1月,1-2月... getFullYear() 返回 Date 对象的年份,其值为4位数 getTime() 返回自某一时刻(1970年1月1日)以来的毫秒数 Array 数组 Math 数学任务 五、数组 用一个变量,引用多个数组。 1.创建数组, var 数组名 = new Array();//创建一个空的数组 var 数组名 = new Array(size);//创建一个大小为size,内容为null的数组 var 数组名 = new Array(值1,值2,值3......);//创建数组,并且给予初始化 2.赋值方式: var 数组名 = new Array(值1,值2,值3......); var 数组名 = new Array(); 数组名[下标] = 值; var 数组名 = [值1,值2,值3......]; 3.数组的读取: 单个读取,通过下标进行读取。 全部读取,通过for或者for...in。 4.二维数组 将数组作为数组的元素,形成一个新的数组。 六、使用JavaScript修改标签样式 通过getElementById得到标签。 然后通过标签.style.样式属性 = 值。 display:隐藏标签。none | block 七、总结: 1.JavaScript常用的四个内置对象: String Date Math Array 2.如何使用JavaScript改变标签样式 a、通过getElementById得到标签 b、.style.样式名 = "值"; 3.在css里面的样式,很多是带有“-”,在JavaScript里面不能识别“-” css:background-color JavaScript:backgroundColor

JavaScript网页制作特效

标签:

原文地址:http://www.cnblogs.com/w13248223001/p/5720499.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!