摘要: 一. Date对象 练习:(01.计算未来时间.html) 1)获取未来时间的时间戳 2)设置时间戳给日期对象 3)将日期对象转为本地时间格式显示到页面上 验证: 1)必须输入正整数,否则提示‘必须输入正数’ 练习:(02.点击发送短信.html) 按钮初识文字‘重新发送短信’,单击后按钮变为不可用 阅读全文
posted @ 2019-01-02 18:42 前端xh 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 一.date对象 3.获取其他时间 1)获取4位的年份 dt.getFullYear() 2)获取月份,从0-11,11表示12月,0表示1月 dt.getMonth() 3)获取是几号 dt.getDate() 4)获取星期: 从0-6,0表示星期日,6表示星期六 dt.getDay(); 5)获 阅读全文
posted @ 2019-01-02 18:42 前端xh 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 一. date对象 日期对象,包含了年月日时分秒毫秒时间戳星期几。 1. 语法: 创建当前的日期对象 var dt = new Date(); 此时dt就是一个date对象,输出信息如下 Wed Nov 14 2018 08:26:48 GMT+0800 (中国标准时间) Wed :星期三 Nov 阅读全文
posted @ 2019-01-02 18:41 前端xh 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 一. Math对象 案例:(01.抽奖.html) 单击start按钮,按钮文字变为‘stop’,启动定时器,定时器每隔一段时间改变div中的内容,内容是从数组中获取的随机的元素。 单击‘stop’按钮,按钮文字变为‘start’,清除当前定时器。 要求每次中奖的人名不能重复,所有人都中奖后显示‘抽 阅读全文
posted @ 2019-01-02 18:40 前端xh 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 一. Math对象 Math是一个包含很多数学方法的对象 是一个固有对象,提供基本的数学函数和常数。 1. 常见属性 Math.PI 3.1415926..... π 2. 常用方法 Math.sqrt(3) 平方根 1.732 Math.max(n1,n2,n3...) 返回最大值 Math.mi 阅读全文
posted @ 2019-01-02 18:40 前端xh 阅读(604) 评论(0) 推荐(0) 编辑
摘要: 一. 放大镜优化 案例:(01.放大镜的优化.html) 结构: <div class="div1"> <div class="div2"> <div class="smallPic" id="smallPic"> <img src=""> <div class="zoom" id="zoom">< 阅读全文
posted @ 2019-01-02 18:40 前端xh 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 一. 鼠标指针应用 案例:(01.拖拽效果.html) 1) 添加小球的鼠标按下事件 事件处理函数实现如下: 1)获取当前鼠标点在小球的位置(deliaX, deliaY) 2)为矩形添加鼠标移动事件 2)矩形元素的鼠标移动事件的处理 定义变量moveX,moveY存放小球left和top属性值 m 阅读全文
posted @ 2019-01-02 18:39 前端xh 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 一,鼠标指针的应用 分析: 1)添加div元素的鼠标移动事件 2)小球元素的left属性值的计算 定义变量moveX存放小球的left属性值 moveX = pageX - 矩形.offsetLeft - 小球宽度/2 3)小球元素的top属性值计算 定义变量moveY存放小球的top 属性值 mo 阅读全文
posted @ 2019-01-02 18:38 前端xh 阅读(472) 评论(0) 推荐(1) 编辑
摘要: 一.事件对象 js: 1)单击‘选择城市’,显示城市列表 获取‘选择城市’的元素,添加单击事件 事件处理程序实现为显示‘城市列表’的元素 2)单击列表项,将当前列表项的元素内容赋给显示城市元素的内容 1)获取列表项的数组 2)遍历列表项数组,为数组的每个元素添加点击事件 3)事件处理程序实现将当前列 阅读全文
posted @ 2019-01-02 18:37 前端xh 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 一.事件机制 2.事件绑定 6)addEventListener的第三个参数 false:冒泡; true:捕获; IE的attachEvent没有第三个参数,所以就不说了 冒泡:从最内层标签开始执行事件,逐层向外,直到执行到document的事件 捕获:一个事件从document开始执行,逐层向内 阅读全文
posted @ 2019-01-02 18:36 前端xh 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 一.事件机制 事件的种类 事件的添加和删除 IE低版本浏览器兼容问题 1.事件的种类 1)普通事件 onclick 鼠标单击触发 ondbclick 鼠标双击触发 onmouseup 鼠标抬起触发 onmousedown 鼠标按下触发 onmouseever鼠标移动到元素上触发 onmouseout 阅读全文
posted @ 2019-01-02 18:35 前端xh 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 一. DOM 5. 节点属性 1)节点名称 nodeName 返回节点的名称 元素节点名称:大写的标签名 文本节点名称:#text 注释节点名称:#comment 属性节点名称:属性名称 document节点名称:#document 2)节点内容 值 nodeValue 返回节点的值 元素节点值:n 阅读全文
posted @ 2019-01-02 18:34 前端xh 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 一. DOM 1. 什么是DOM Document Object Model(文档对象模型) 缩写:DOM 针对于HTML和XML文档提供的API(应用程序接口) DOM描述的是层次化的节点树(倒置的树),开发人员使用DOM对节点进行增加、删除、修改、获取 2. DOM树 也叫节点树 DOM树中所有 阅读全文
posted @ 2019-01-02 18:33 前端xh 阅读(120) 评论(0) 推荐(0) 编辑