js
关注
分享
扫一扫
AsaZyf
这个作者很懒，什么都没留下…
展开
-
js五星评分
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .score{ width: 500px; margin: 200p原创 2018-06-04 09:45:03 · 267 阅读 · 0 评论 -
js-运动函数(盒子运动)
注意move的js包在另一篇文章<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="move.js"&原创 2018-06-14 15:36:26 · 614 阅读 · 0 评论 -
js-运动函数包
function move(obj, attr, dir, target, endFn) { clearInterval(obj.timer) // 避免全局变量，所以要用oBox.timer dir = parseInt(getStyle(obj, attr)) < target ? dir : -dir obj.timer = setInterval(function() { ...原创 2018-06-14 15:37:17 · 324 阅读 · 0 评论 -
js-function作用域
你能猜出先弹出什么吗？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>作用域</title></head><body> <script type=原创 2018-06-22 11:20:34 · 253 阅读 · 0 评论 -
js-数组面试题
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> //完成以下代码段，实现b数组对a数组的拷贝，方原创 2018-06-08 08:46:53 · 1195 阅读 · 0 评论 -
js获取元素下标
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p>1</p> <原创 2018-06-01 09:17:15 · 10714 阅读 · 1 评论 -
js-图片时间(倒计时)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&原创 2018-06-08 14:12:20 · 1010 阅读 · 0 评论 -
js-图片时间困难版(倒计时)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&原创 2018-06-08 14:15:24 · 219 阅读 · 0 评论 -
js-倒计时应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 截止时间:<input ty原创 2018-06-08 14:16:55 · 202 阅读 · 0 评论 -
js-倒计时原理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script>原创 2018-06-08 14:18:48 · 196 阅读 · 0 评论 -
js-图片轮播(极简)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> *{ margin:0; padding: 0; }a{ text-decoration: none;}body{ font-fam原创 2018-06-24 21:20:10 · 365 阅读 · 0 评论 -
js-随机函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>原创 2018-06-09 22:43:27 · 1861 阅读 · 0 评论 -
js-实现双色球功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>原创 2018-06-09 23:20:19 · 1377 阅读 · 0 评论 -
js-设置时间，获取几天后的时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置时间</title></head><body> <p>&原创 2018-06-10 13:51:07 · 763 阅读 · 0 评论 -
HTML5新增-----JS-上传文件之图片
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style&g原创 2018-09-12 11:34:40 · 410 阅读 · 0 评论 -
HTML5新增-----JS-上传文件之文本
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style&g原创 2018-09-12 11:46:30 · 446 阅读 · 0 评论 -
JS-获取一个星期后的时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <原创 2018-09-27 09:07:52 · 1987 阅读 · 0 评论 -
ES6箭头函数--不能在computed用
箭头函数里面的this是根据上下文的,在computed里用箭头函数，由于找不到对应的内容，this会指向window，数据无法出现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=de原创 2018-12-25 11:41:31 · 850 阅读 · 0 评论 -
js-随机图片
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> ul, li, p { padding: 0; margin: 0;原创 2018-06-07 15:43:59 · 771 阅读 · 0 评论 -
js-function复制变量值和传递参数
<title>function复制变量值</title></head><body> <script> var a={ num:10 } // var c=a // alert(c.num) var c=a //当一个变量等于一个对象时，此时若修改变量，对象内的东西也会一同修改,两者融为一体 c.num=20 ale...原创 2018-06-22 10:42:20 · 773 阅读 · 0 评论 -
js反选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button type="button" id="原创 2018-06-04 10:56:59 · 386 阅读 · 0 评论 -
js全选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body {} ul li { l原创 2018-06-04 15:43:18 · 177 阅读 · 0 评论 -
js加减运算·传参
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body { font-family: "微软雅黑"; } em { font-st原创 2018-06-04 17:31:03 · 459 阅读 · 0 评论 -
js-数组方法push
<script type="text/javascript"> var arr=[1,2,3,4,5] arr.push(6,7) console.log(arr) </script>打印结果:[1,2,3,4,5,6,7]原创 2018-06-12 16:55:50 · 1154 阅读 · 0 评论 -
js五道经典练习题--第一道
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} body{ font-family: "微软雅黑";原创 2018-06-12 20:53:43 · 926 阅读 · 0 评论 -
js五道经典练习题--第二道仿qq聊天框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .container{ width: 280px; margin:原创 2018-06-12 20:54:56 · 633 阅读 · 0 评论 -
js五道经典练习题--第三道实现购物车功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> em{ font-style: normal; } ul li{ list-style: none; } &原创 2018-06-12 20:56:24 · 1472 阅读 · 0 评论 -
js五道经典练习题--第四道qq好友列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul li{ list-style: none; } #list{原创 2018-06-12 20:57:42 · 564 阅读 · 0 评论 -
js五道经典练习题--第五道成绩列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } table { width: 500px;原创 2018-06-12 20:58:42 · 947 阅读 · 0 评论 -
js-常用正则表达式
1.只能输入数字 ^[0-9]$2.只能输入n位数字 ^\d{n}$3.只能输入零和非零开头的数字 ^(0|[1-9][0-9]*)$4.只能输入由26个英文字母组成的字符串 ^[A-Za-z]+$5.验证身份证号(15位或18位数字) ^\d{15}|\d{18}$6.验证一年的12个月 ^(0?[1-9]|1[...原创 2018-06-20 19:39:35 · 233 阅读 · 0 评论 -
js-实现搜狐列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body { font-size: 14px原创 2018-06-06 17:03:46 · 284 阅读 · 0 评论 -
js-列表修改
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul li{ list-style: none; margin-bo原创 2018-06-06 18:30:32 · 1005 阅读 · 0 评论 -
js-图片轮播
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>ul { padding:0; m原创 2018-06-06 18:31:28 · 189 阅读 · 0 评论 -
js-选项卡套选项卡
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <body> <style type="text/css"> body, ul, l原创 2018-06-06 18:32:11 · 694 阅读 · 0 评论 -
js-实时获取键值码
<script> document.onkeydown=function(event){ console.log(event.keyCode) //在控制台打印 } </script>原创 2018-06-13 18:49:23 · 469 阅读 · 0 评论 -
js-判断当前日期的天数
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> var y, m, d; var r原创 2018-06-06 23:32:53 · 362 阅读 · 0 评论 -
js-闪烁的文字
<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>闪烁的文字</title> <style type="text/css"&g原创 2018-06-13 23:13:42 · 400 阅读 · 0 评论 -
ES6期末考试大题
1.定义以下数组,let arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2],实现数组去重.结果为[1,2,3,4,5,6,7,8,0,56]code：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit...原创 2019-01-08 21:37:53 · 1686 阅读 · 0 评论