![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
倔强的烤马铃薯
互联网从事人员,工作为前端开发,擅长pc端,小程序,APP开发。
展开
-
js判断字符串中是否包含某个元素
indexOf()方法,根据返回的状态进行判断var str= "JavaScript" var sum= str.indexOf("J");//若包含返回大于等于0的整数值,若不包含"J"则返回"-1。if(sum>-1){ console.log("包含字符串");}else{ console.log("不包含字符串");}...原创 2021-03-23 11:33:27 · 2643 阅读 · 0 评论 -
js右击菜单
1.html代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.js"></script> <link rel="stylesheet" href="css/zhuomian.css原创 2021-03-06 14:30:12 · 242 阅读 · 0 评论 -
原生js 实现九宫格抽奖功能
1.先绘制一个九宫格轮盘<div class="bodydom"> <div class="block">鸿蒙紫气*1</div> <div class="block">现金百万*1</div> <div class="block">复活戒指*1</div> <div class="block">谢谢参与</div> <div cla原创 2021-01-08 11:45:55 · 4048 阅读 · 2 评论 -
原生js 实现轮播图
1.直接贴代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>轮播图&l原创 2021-01-04 11:41:21 · 65 阅读 · 0 评论 -
计算元素的高度宽度(innerHeight,outerHeight)
<div id='div'></div>#div{ height:100px; width:100px; padding:10px; margin:20px; border:1px solid black}计算高度 $("#div").height() //100 $("#div").innerHeight() //包含padding 100+10+10 $("#div").outerHeight() //包含padding+border 10原创 2020-12-26 09:54:55 · 371 阅读 · 0 评论 -
sessionStorage缓存数据
使用 sessionStorage.setItem 创建一个本地存储可以在项目的任何地方用sessionStorage.getItem方法调用1.储存数据sessionStorage.setItem("给储存的数据命名", "需要储存的数据")如:sessionStorage.setItem("name", "张三")2.读取数据 var str=sessionStorage.getItem("name") console.log(str)//张三3.删除储存的数据sessionSt原创 2020-12-25 16:44:27 · 405 阅读 · 0 评论 -
js 实现计数器功能
1.运用 setInterval()定时器计算秒数<!DOCTYPE html><html> <head> <title>JS实现计数器</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <script src="http://api.51ditu.com/js/ajax.js"></scr原创 2020-12-24 09:08:43 · 1245 阅读 · 4 评论 -
vue实现计数器
1.展示界面<div style='font-size:50px;color:red'>{{hour}}:{{branch}}:{{second}}</div> <el-button type="primary" icon="el-icon-video-pause" @click='start'>开始</el-button> <el-button type="info" icon="el-icon-video-play" @click='suspe原创 2020-12-21 19:19:13 · 234 阅读 · 0 评论 -
js字母大小写进行转换
1.大写转化为小写 .toLowerCase()var str='AbC'var str1=str.toLowerCase()2.小写转化为大写 .toUpperCase()var str='AbC'var str1=str.toUpperCase()原创 2020-11-20 11:36:34 · 1990 阅读 · 0 评论 -
js时间格式相互转换
一、时间戳转换正常日期显示代码如下(示例):var time=new Date() //获取当前时间function datatime(i){ if (i<10){ i="0" + i } return i;}//用于计算时分秒console.log(time.getFullYear())//获取年份console.log(time.getMonth() + 1)//获取月份console.log(time.getDate())//获取天数console.log(time原创 2020-09-26 16:28:53 · 421 阅读 · 0 评论