随笔分类 - Javascript
学习笔记
摘要：ES6( ECMAScript 6.0)语法 一、let/const与var的区别 var 会进行预解析，let/const不会 var可以声明两个重名的变量，let/const不能 var没有块级作用域，let/const有块级作用域 二、箭头函数 1.普通函数 //xxx.onclick=fun
阅读全文
摘要：Javascript实现让小图片一直跟着鼠标移动实例 注意：图片可能加载不出来，注意更换 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddin
阅读全文
摘要：HTML+CSS+Javascript实现轮播图效果 注意：根据自己图片大小来更改轮播图大小。 <!doctype html> <html> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; } /*去掉ul、ol、li
阅读全文
摘要：Javascript实现让图片一直跟着鼠标移动 注意：图片可能加载不出来，还请及时更换图片 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddi
阅读全文
摘要：Javascript中常用事件集合和事件使用方法 一、事件绑定 格式： 事件源 . on事件类型=事件处理函数 事件绑定三要素 1、事件源：和谁绑定 2、事件类型：什么事件 3、事件处理函数：触发了要执行什么 二、常用事件类型 鼠标事件 键盘事件 浏览器事件 触摸事件 表单事件 click - 单击
阅读全文
摘要：Javascript实现全选按钮 效果：有全选选项框和单个选项框，选择全选框，所有的的选择都打上的钩，取消全选钩所有的都去掉了钩，如果取消其中某一个的钩，那么全选的钩也取消，反之全选所有的选项，那么全选的钩就会打上。 <!doctype html> <html> <head> <meta chars
阅读全文
摘要：通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现，如果移出导航栏3秒又隐藏起来，而且不受滚动条影响（二） 效果：默认一直隐藏导航栏，当滚动条滚到超过300px按钮出现，点击回到顶部按钮回到顶部，并隐藏按钮，鼠标移动到顶部导航栏出现，鼠标移出导航栏后3秒后再次隐藏（导航栏和按
阅读全文
摘要：回到顶部实例一 效果：默认隐藏导航栏，当滚动条滚到超过300px后导航栏和按钮出现，点击回到顶部按钮回到顶部，并隐藏导航栏和按钮（导航栏和按钮都是固定定位） <!doctype html> <html> <head> <meta charset="utf-8"> <style> body { mar
阅读全文
摘要：Javascript中定时器的使用方法 1.间隔定时器（每隔一段时间执行一次代码） 格式：setInterval(函数，时间) //时间单位是毫秒，每隔设置的时间执行函数里的内容一遍（一直执行） //每隔一秒钟，输出一次i，并加一 var i=0 setInterval(function test(
阅读全文
摘要：JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight //获取可视窗口高度 2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值
阅读全文
摘要：一、获取时间常用方法 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
阅读全文
摘要：数字常用方法 （1）返回0-1（不包含1）随机小数（random()） 格式：Math.random() var num=parseInt(Math.random()*11) //拿到0-10中的随机整数包含0和10 var num1=parseInt(50+Math.random()*51) //
阅读全文
摘要：JavaScript字符串常用方法 （1）获取相应位置的字符（charAt（）） var str="你好，小小鸟！" var s=str.charAt(1) //获取到索引为1的字符：好 （2）把字符串里所有的字符转换为小写（toLowerCase()） var str="chINA" var s=
阅读全文
摘要：一、定义数组 1、定义数组 var arry=[1,2,'小名',false] //var 数组名=[值1,值2,...] 2、设置数组长度 arry.length=10 //数组长度设置为10 二、数组常见方法 （1）在尾部增加值（push（）） 格式：数组名.push(追加的值) arry.pu
阅读全文
摘要：#对象数据类型(键值对) 1、创建键值对 var arry={name:"小明",age:20,isgey:falet} // var 键值对名 = {键：值,键：值} 2、增加键值对 arry.sex="男" //在末尾增加一个键值 3、删除键值对 delete arry.name //删除键值对
阅读全文
摘要：var a="Hello World" document.write(a) //在网页上输出：Hello World var a="Hello World" console.log(a) //在控制上输出:Hello World
阅读全文