js
看到了你
这个作者很懒,什么都没留下…
展开
-
JS 数字0和空字符串的布尔关系
今天做项目的时候发现了一个神奇的现象,当时困扰了我一段时间。if(0 == '') { console.log('123')}if(0 === '') { console.log('456')}上面的代码会输出123原创 2021-11-09 10:07:10 · 732 阅读 · 0 评论 -
JS实现将文件和base64的相互转换
1. JS将文件转成base64<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" conte.原创 2021-07-29 15:13:33 · 10121 阅读 · 0 评论 -
js 贪吃蛇
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>案例小贪吃蛇</title> <style> .map { widows: 800px; ...原创 2019-03-12 10:13:55 · 140 阅读 · 0 评论 -
js getBoundingClientRect()
getBoundingClientRect()这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top); ...原创 2019-04-06 21:49:54 · 388 阅读 · 0 评论 -
javascript var let const 之间的区别
var 和 let 之间的区别:函数内使用var定义变量,整个函数内都可以访问该变量,如:function Test() { for(var i = 0; i < 10 ;i++;){} console.log(i) //此处可以也访问变量i}但上处循环若是用let定义变量i则在for循环外就不能在访问到该变量。let 和 var 的第二点不...原创 2019-07-03 08:38:59 · 169 阅读 · 1 评论 -
js 实现拖动dom元素并交换位置
效果图如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body { display: flex; padding: 100px; ...原创 2019-07-10 11:23:37 · 5346 阅读 · 2 评论 -
js 编写一个函数,计算任意两个数字之间所能组成的奇数个数
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> /*编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数比如: 计算0-3之间...原创 2019-07-12 11:43:05 · 3471 阅读 · 0 评论 -
js循环求得斐波那契的第n个的值
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> //斐波那契1 1 2 3 5 8。。。用循环求第100个数字是多少 function Fe...原创 2019-07-12 11:59:12 · 432 阅读 · 0 评论 -
js 编写一个函数,输入n为偶数时,调用函数求1/2+1/4+...+1/n,当输入n为奇数时,调用函数求1+1/3+...+1/n
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> // 编写一个函数,输入n为偶数时,调用函数求1/2+1/4+...+1/n,当输入n为奇数时,调用...原创 2019-07-12 13:24:13 · 2259 阅读 · 0 评论 -
js实现拖拽改变dom元素大小
<!DOCTYPE html><html><head> <title></title> <style> #panel{ position: absolute; width: 200px;height: 200px; background: green; ...原创 2019-08-01 16:47:29 · 1883 阅读 · 0 评论 -
js 13完整的轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0;原创 2019-03-07 17:29:04 · 342 阅读 · 0 评论 -
js 无缝连接的轮播图
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; ...原创 2019-03-07 16:39:32 · 1195 阅读 · 0 评论 -
js 淘宝焦点图
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>淘宝焦点图</title> <style> body,ul,ol,li,img { margin: 0;...原创 2019-03-07 16:18:46 · 470 阅读 · 0 评论 -
js 实现sleep睡眠函数
function sleep(delay) { //delay:传入等待秒数 var start = (new Date()).getTime(); //获取函数刚开始秒数 while ((new Date()).getTime() - start < delay) { //当当前时间减去函数刚开始时间小于等待秒数时,循环一直进行 ...原创 2019-03-05 21:12:23 · 2589 阅读 · 1 评论 -
js实现冒泡排序
var arr = [10,2,45,100]; //对象,对象调用这个方法可以实现排序功能,和数组的sort方法功能一样 function MyArray(argument) { this.mySort = function (arr) { for(var i=0; i < arr....原创 2019-03-06 13:55:53 · 756 阅读 · 0 评论 -
js 设置任意的标签中间的任意文本内容(兼容代码)
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 200px; ...原创 2019-03-06 15:34:28 · 945 阅读 · 0 评论 -
js 获取任意一个元素的任意一个样式属性的值
1://获取任意一个元素的任意一个样式属性的值 function getStyle(element,attr) { //判断浏览器是否支持这个方法 if(window.getComputedStyle) { return window.getComputedStyle(element,null)[...原创 2019-03-09 09:03:59 · 846 阅读 · 0 评论 -
js 节点的兼容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><ul id="uu原创 2019-03-06 20:42:00 · 203 阅读 · 0 评论 -
js 为元素绑定事件兼容代码
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input ty原创 2019-03-06 21:22:36 · 234 阅读 · 0 评论 -
js 解绑事件的兼容
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&a原创 2019-03-06 22:15:38 · 138 阅读 · 0 评论 -
js 设置任意的一个元素,移动到指定的目标位置(X)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> div{ width: 200px; height: 200px;原创 2019-03-07 10:39:57 · 5598 阅读 · 0 评论 -
js 最简单的轮播图修改index赋值方式
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; ...原创 2019-03-07 15:18:41 · 1067 阅读 · 0 评论 -
js window.innerWidth window.innerHeight 和window.screenX和window.screenY理解
window.innerWidth表示的文档显示区域的宽度,不包括工具栏和地址栏等区域window.innerHeight 表示的文档显示区域的高度,不包括工具栏和地址栏等区域window.screenX返回窗口相对于屏幕的X坐标,随着你浏览器的位置变动而变化window.screenY返回窗口相对于屏幕的Y坐标,随着你浏览器的位置变动而变化...原创 2018-12-21 20:15:05 · 1035 阅读 · 0 评论