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