摘要: ES6( ECMAScript 6.0)语法 一、let/const与var的区别 var 会进行预解析,let/const不会 var可以声明两个重名的变量,let/const不能 var没有块级作用域,let/const有块级作用域 二、箭头函数 1.普通函数 //xxx.onclick=fun 阅读全文
posted @ 2022-01-18 20:21 永恒之月TEL 阅读(1008) 评论(0) 推荐(2) 编辑
摘要: Javascript实现让小图片一直跟着鼠标移动实例 注意:图片可能加载不出来,注意更换 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddin 阅读全文
posted @ 2022-01-18 19:49 永恒之月TEL 阅读(126) 评论(0) 推荐(0) 编辑
摘要: Javascript面向对象——创建对象、构造函数的原型 其实:JavaScript中的创建类,就是创建一个构造函数,在创建对象时用到new这个关键字, 一、创建对象 1.函数创建对象 function creatObj(name,age){ //手动创建一个对象 var obj={} //为对象添 阅读全文
posted @ 2022-01-18 17:16 永恒之月TEL 阅读(144) 评论(0) 推荐(0) 编辑
摘要: HTML+CSS+Javascript实现轮播图效果 注意:根据自己图片大小来更改轮播图大小。 <!doctype html> <html> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; } /*去掉ul、ol、li 阅读全文
posted @ 2022-01-18 17:06 永恒之月TEL 阅读(91) 评论(0) 推荐(0) 编辑
摘要: Javascript实现让图片一直跟着鼠标移动 注意:图片可能加载不出来,还请及时更换图片 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddi 阅读全文
posted @ 2022-01-18 16:51 永恒之月TEL 阅读(88) 评论(0) 推荐(0) 编辑
摘要: Javascript中常用事件集合和事件使用方法 一、事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1、事件源:和谁绑定 2、事件类型:什么事件 3、事件处理函数:触发了要执行什么 二、常用事件类型 鼠标事件 键盘事件 浏览器事件 触摸事件 表单事件 click - 单击 阅读全文
posted @ 2022-01-18 16:33 永恒之月TEL 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 一、把数组里的内容呈现到页面从,以表格方式 <!doctype html> <html> <head> <meta charset="utf-8"> <style> .tb,th,td{ border: 1px solid #CC5D5E; } </style> </head> <body> <ta 阅读全文
posted @ 2022-01-18 16:21 永恒之月TEL 阅读(279) 评论(0) 推荐(0) 编辑
摘要: Javascript实现全选按钮 效果:有全选选项框和单个选项框,选择全选框,所有的的选择都打上的钩,取消全选钩所有的都去掉了钩,如果取消其中某一个的钩,那么全选的钩也取消,反之全选所有的选项,那么全选的钩就会打上。 <!doctype html> <html> <head> <meta chars 阅读全文
posted @ 2022-01-18 16:15 永恒之月TEL 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二) 效果:默认一直隐藏导航栏,当滚动条滚到超过300px按钮出现,点击回到顶部按钮回到顶部,并隐藏按钮,鼠标移动到顶部导航栏出现,鼠标移出导航栏后3秒后再次隐藏(导航栏和按 阅读全文
posted @ 2022-01-18 16:06 永恒之月TEL 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 回到顶部实例一 效果:默认隐藏导航栏,当滚动条滚到超过300px后导航栏和按钮出现,点击回到顶部按钮回到顶部,并隐藏导航栏和按钮(导航栏和按钮都是固定定位) <!doctype html> <html> <head> <meta charset="utf-8"> <style> body { mar 阅读全文
posted @ 2022-01-18 15:57 永恒之月TEL 阅读(549) 评论(0) 推荐(0) 编辑
摘要: JavaScript DOM 基础操作 一、获取元素的六方式 document.getElementById('id名称') //根据id名称获取 document.getElementsByclassName('元素类名') //根据元素类名获取 返回值:伪数组 document.getEleme 阅读全文
posted @ 2022-01-18 12:21 永恒之月TEL 阅读(148) 评论(0) 推荐(0) 编辑
摘要: Javascript中定时器的使用方法 1.间隔定时器(每隔一段时间执行一次代码) 格式:setInterval(函数,时间) //时间单位是毫秒,每隔设置的时间执行函数里的内容一遍(一直执行) //每隔一秒钟,输出一次i,并加一 var i=0 setInterval(function test( 阅读全文
posted @ 2022-01-18 10:55 永恒之月TEL 阅读(596) 评论(0) 推荐(0) 编辑
摘要: JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight //获取可视窗口高度 2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值 阅读全文
posted @ 2022-01-18 10:52 永恒之月TEL 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 一、获取时间常用方法 1、创建时间对象 var time=new Date() //创建当前的时间信息对象 var time1=new Date(2022,1,1,10,25,30) //创建2022-1-1 10:25:30 的时间对象 2、获取年份信息 var year=time.getFull 阅读全文
posted @ 2022-01-18 09:57 永恒之月TEL 阅读(333) 评论(1) 推荐(0) 编辑