
js
wxt_
这个作者很懒,什么都没留下…
展开
-
正则表达式5个内部类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-15 19:52:31 · 433 阅读 · 0 评论 -
数组去重的两种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-11 18:19:15 · 228 阅读 · 0 评论 -
js指定两个元素交换位置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-01-11 18:12:49 · 2565 阅读 · 0 评论 -
深拷贝实现逻辑
//封装一个深拷贝 function deepCopy(obj){ //判断传入的数据是数组还是对象 var result = Array.isArray(obj) ? [] : {} if(obj && typeof obj === 'object'){ fo...原创 2020-01-11 16:57:10 · 173 阅读 · 0 评论 -
原生js实现仿商品放大镜功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-11 16:17:27 · 363 阅读 · 0 评论 -
原生js封装一个动画效果
/** * 定义动画的函数 * @param {object} dom * @param {object} option 包含想要实现动画的属性以及属性值 */function animate(dom , option) { // 2.0 首先清除定时器 clearInterval(dom.timer); // 3.0 执行定时器函数 dom.time...原创 2020-01-11 16:00:42 · 208 阅读 · 0 评论 -
JavaScript 九九乘法表?
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-11 11:51:05 · 795 阅读 · 0 评论 -
原生js模拟手机投票功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-01-11 11:47:21 · 298 阅读 · 0 评论 -
Window--Location、navigator、history、screen
首先,Location、navigator、history、screen都是在window下的属性。写的时候window可以省略window 全局对象 window.alert() window.prompt() window.innerWidth window.innerHeight window...原创 2020-01-11 11:03:39 · 371 阅读 · 0 评论 -
原生js实现简单时钟(图片版)
非图片版请看上我的一篇博客,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2020-01-11 10:37:06 · 760 阅读 · 0 评论 -
原生js实现一个简单的时钟(transform属性)
图片版请看我的下一篇博客<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...原创 2020-01-11 10:30:03 · 602 阅读 · 0 评论 -
JavaScript数组/字符串 操作
一、数组操作数组提供的API push() 数组尾端添加元素 unshift() 数组头部添加元素 pop() 删除数组最后元素 shift() 删除数组的第一个元素 join() 把数组拼成一个字符串console.log("-------------10------------------------") ///第一种定义...原创 2019-12-07 17:54:41 · 314 阅读 · 0 评论 -
100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法:1.输出语句:document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location...原创 2019-12-07 14:46:16 · 163 阅读 · 0 评论 -
JS数据类型
一、JS有三种数据类型,分别是:基本数据类型String 字符串number 数字类型boolean 布尔类型(true/false)null 空对象undefined 未定义类型null跟undefined的区别:null(var arr1 = null;)表示“什么都没有”,尚未存在的对象(函数),表示一个空对象引用,但是(typeof arr1)返回ob...原创 2019-12-07 15:47:43 · 149 阅读 · 0 评论 -
DOM操作(JavaScript)
目录一、dom提供的方法二、dom提供的属性三、dom提供的类名操作方法四、获取元素的css属性值五、offset, scroll, client 三大家族一、dom提供的方法获取元素的方法:document.getElementById()document.getElementsByClassName()document.getElementsByTa...原创 2019-12-07 17:02:45 · 311 阅读 · 0 评论