jS主题的文章列表，还有jS的技术要点_第49页

js判断是否联网

//navigator.onLineif(navigator.onLine){//正常工作console.log("在线状态......................................................");}else{//执行离线状态时的任务console.log("离线状态.........

代码星球·2021-02-12

前端图片压缩上传(纯js的质量压缩，非长宽压缩)

原文：此demo为大于1M对图片进行压缩上传若小于1M则原图上传，可以根据自己实际需求更改。demo源码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>XMLHttpRequest上...

代码星球·2021-02-12

js伪数组

伪数组定义1、拥有length属性2、不具有数组所具有的方法伪数组实例<html><head><title></title></head><script>varfakeArray={length:3,"0":"first","1":"second"...

代码星球·2021-02-12

js中dom基础及操作dom

dom基础认识　　1.dom节点　　1）children,获取的是所有的孩子节点，获取的是数组　　2）parentNode,获取的是父节点，获取的是对象　　2.dom操作方法　　1）appendChild(),把节点添加到父节点后面，添加的节点是排在最后　　2）insertBefore()，把节点添加到父节点的哪个位置...

代码星球·2021-02-12

jQuery和js入口函数的区别

js和jQuery共同点　　1.都是等dom元素加载完毕后执行 js和jQuery不同点　　1.js入口函数会等图片加载完毕才执行，jQuery入口函数不会等图片加载就执行　　2.js多个入口函数，只会执行最后一个入口函数，jQuery多个入口函数都会去执行下面代码分别是js的入口函数和jQuer...

代码星球·2021-02-12

js监听键盘事件，enter键来触发事件

　　键盘事件1.onkeydown：按钮按下时触发2.onkeyup：按钮弹起时触发用的比较多的是onkeydown事件，我们可以捕获到键盘按键，常常被用来点击enter键时去执行一系列操作，来代替点击确定或登录按钮，下面展示enter键来触发事件<html><head><title>...

代码星球·2021-02-12

js获取鼠标位置的坐标及解决兼容性问题

1.event.clientX：获取鼠标的横坐标2.event.clientY：获取鼠标的纵坐标document.onclick=function(ev){varevent=ev||eventalert(event.clientX+","+event.clientY)}因为火狐浏览器不存在event这个对象，而是存在系...

代码星球·2021-02-12

js向上取整，向下取整，四舍五入，取绝对值等函数

　　1.向上取整。正数：有小数，舍弃小数，整数就加1。负数：就舍弃小数部分，取整数部分　　Math.ceil();　　2.向下取整。正数：舍弃小数，只要整数部分。负数：有小数，舍弃小数，整数减1　　Math.floor();　　3.取绝对值。正数就是本身，负数取反　　Math.abs();　　4.四舍五入。正数：第一位...

代码星球·2021-02-12

js实现鼠标放在一级菜单，下滑出二级菜单

初始状态鼠标放在tab4上实现的代码如下<html><head><title></title></head><style>*{margin:0;padding:0;}.tab{margin-left:-3px;float:left;width:60...

代码星球·2021-02-12

js实现时钟效果+年月日

　　实现原理：通过js获取到系统时间，然后分别算出年，月，日，时，分，秒，然后拼接年月日，时分秒，然后通过定时器setInterval每过一秒去获取这些数据，这样就可以实现时钟的效果<html><head><title></title></head><s...

代码星球·2021-02-12

js实现滚动效果

　　初始状态　　　　点击左滚动出现的效果　　　　　　滚动效果通过setInterval定时函数去实现的，setInterval定时让ul每过一段时间就移动，移动其实是left的值在变大，让ul移动的必须让这个div是绝对定位的，这样left属性就会起效果，然后让div的left值越来越大，这样ul就在移动。实现移动后复...

代码星球·2021-02-12

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法

　　setTimeout是指过多久执行，只执行一次　　setInterval是指每过多久执行一次　　clearTimeout是关闭setTimeout定时器　　clearInterval是关闭setInterval定时器，不让它一直执行　　<html><head><title><...

代码星球·2021-02-12

js实现tab选项卡切换

　初始状态，只展示tab1的内容　　　点击tab2，只展示tab2的内容　　　　通过原生js实现tab切换，首先讲解一下实现的原理。　　　　1.点击按钮首先给这个被点击的按钮添加一个active类，给点击的改变背景色　　　　2.点击按钮其实就是把相应的div给显示出来。　　　　需要注意的是，点击按钮，给按钮...

代码星球·2021-02-12

js流程控制语句里break和continue的使用及区别

　　break：退出当前循环　　continue：终止本次循环，执行下次循环1<html>23<head>4<title></title>5</head>6<script>7for(vari=0;i<10;i++){8if(i==4){9br...

代码星球·2021-02-12

js中parseInt的使用及取整的机制

　parseInt是把小数转化成整数。它取整的机制是从要取整数据的左边读取，当碰到非数字则自动结束，相当于截取到前面已读到的数字。代码如下　<html><head><title></title></head><script>vara=11.1var...

代码星球·2021-02-12