花木兰r

2020年4月6日

摘要： box.onclick = function () { alert('hello world'); } 无返回值 box.onclick = function () { // 弹出提示，让用户输入内容 var userName = prompt('请输入姓名', '张三'); console.log 阅读全文

posted @ 2020-04-06 17:29 花木兰r 阅读(118) 评论(0) 推荐(0)

处理浏览器兼容性

摘要： function $(id) { return document.getElementById(id);} // 处理浏览器兼容性// 获取第一个子元素function getFirstElementChild(element) { var node, nodes = element.childNo 阅读全文

posted @ 2020-04-06 17:26 花木兰r 阅读(106) 评论(0) 推荐(0)

pageX--clientX--scrollLeft－clientLeft-offsetWidth

摘要： // 鼠标在当前页面的位置e.clientX e.pageX有兼容性问题从IE9以后才支持 e = e || window.event;console.log(e.pageX);console.log(e.pageY); ### 滚动偏移var box = document.getElementB 阅读全文

posted @ 2020-04-06 17:11 花木兰r 阅读(142) 评论(0) 推荐(0)

处理注册事件的兼容性问题

摘要： // eventName, 不带on， click mouseover mouseout function addEventListener(element, eventName, fn) { // 判断当前浏览器是否支持addEventListener 方法 if (element.addEven 阅读全文

posted @ 2020-04-06 15:33 花木兰r 阅读(87) 评论(0) 推荐(0)

2020年3月25日

处理innerText的兼容性问题

摘要： function getInnerText(element) { // 判断当前浏览器是否支持元素的innerText属性，支持innerText 使用element.innerText获取内容 // 如果不支持innerText属性，使用element.textContent获取内容 if (t 阅读全文

posted @ 2020-03-25 18:22 花木兰r 阅读(368) 评论(0) 推荐(0)

美女画册

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { font-family: "Helvetica","Arial",serif; co 阅读全文

posted @ 2020-03-25 18:18 花木兰r 阅读(235) 评论(0) 推荐(0)

2020年3月24日

获取url中?后面的内容

摘要： // 获取url中?后面的内容 // 例如：http://www.itheima.com/login?name=zs&age=18&a=1&b=2 var url = 'http://www.itheima.com/login?name=zs&age=18&a=1&b=2'; // console. 阅读全文

posted @ 2020-03-24 20:32 花木兰r 阅读(1345) 评论(0) 推荐(1)

字符串案例

摘要：字符串的所有方法都不会修改原始字符串(字符串的不可变性)，都会返回一个新的字符串截取字符串"我爱中华人民共和国"，中的"中华" var s = '我爱中华人民共和国'; // 第一个参数，截取的开始位置 // 第二个参数，截取的长度 var newStr = s.substr(2, 2); co 阅读全文

posted @ 2020-03-24 20:30 花木兰r 阅读(250) 评论(0) 推荐(0)

计算时间差

摘要： function getInterval(start, end) { // 两个日期对象，相差的毫秒数 var interval = end - start; // 求相差的天数/小时数/分钟数/秒数 var day, hour, minute, second; // 两个日期对象，相差的秒数 / 阅读全文

posted @ 2020-03-24 20:09 花木兰r 阅读(140) 评论(0) 推荐(0)

格式化日期对象，返回yyyy-MM-dd HH:mm:ss的形式

摘要： function formatDate(date) { // 判断参数date是否是日期对象 // instanceof instance 实例(对象) of 的 // console.log(date instanceof Date); if (!(date instanceof Date)) { 阅读全文

posted @ 2020-03-24 20:04 花木兰r 阅读(458) 评论(0) 推荐(0)

公告