js
萝卜头888
这个作者很懒,什么都没留下…
展开
-
bootstrap5的下拉菜单点击没有反应
在网上找了很多,都没有合适的。一般是引入js文件的时候,顺序搞错了~要导入两个文件,正确的顺序是:<script src="./bootstrap-5.1.3-dist/js/bootstrap.js"></script><script src="./bootstrap-5.1.3-dist/js/bootstrap.bundle.js"></script>...原创 2022-04-20 17:25:27 · 1833 阅读 · 5 评论 -
js中的强制转换
例如:将其他数据类型的转换为字符串类型方法一:调用被转换类型的toString()方法<script> var a=123; a=a.toString(); console.log(typeof a); console.log(a);</script>大家注意,a.toString()不会影响到原变量,不过该方法是有返回结果的,所以要用变量去接收。另外需要注意:这个方法,不能转换基本数据类型中的null和undefined..原创 2022-03-09 15:01:48 · 735 阅读 · 0 评论 -
分享前端无用小知识1
在JS中所有可以由我们自主命名的都可以称为标识符;例如:变量名、函数名、属性名都属于标识符。看看下面这段代码:<script> var 萝卜头=888; console.log(萝卜头);</script>为什么中文可以当作标识符??因为JS底层保存标识符时实际上采用的Unicode编码,所以理论上,所有的utf-8中所有的内容都可以作为标识符,哈哈哈哈哈!...原创 2022-03-08 23:34:57 · 134 阅读 · 0 评论 -
详细解析Ajax的异步原理
js的异步实现原理是单线程加事件队列;我们先来解析什么是单线程与多线程:举一个例子:单线程是一个人吃一个西瓜,多线程就是多个人吃一个西瓜;那么就可以看出多线程比单线程快很多;那么js的代码执行也是单线程,因为它的执行顺序是从上往下,一行一行的执行;我们再来看看事件队列:我们可以把事件队列认为是一个容器,这个容器中存储了一些函数;只有在js代码全部执行完成之后,才去调用函数,因为js是单线程的,一次只能做一件事情我们再来举一些例子来解释一下这个事件队列:<script&.原创 2021-10-15 19:04:38 · 316 阅读 · 0 评论 -
js实现文字向上自动循环滚动
实现这个效果,需要注意给装文字的盒子,设置一个高度;还有外部的大盒子设置一个高度,向上滚动是用了scrollTop,通过设置偏移量,实现文字向上滚动。详细代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2021-09-22 13:21:45 · 4574 阅读 · 2 评论 -
HTML+css+js实现网页时钟、全网做得最好的时钟!
这个时钟应该是全网做得最好的一个,原文的js部分没写注释,在学习的时候加上了注释,希望有助于理解~html块代码<!doctype html><html><head> <meta charset="UTF-8"> <link rel='stylesheet' href='./时钟.css' /> <title>时钟</title></head><body> <di.转载 2021-09-20 15:48:59 · 1580 阅读 · 0 评论 -
js中的字符串(字符类型)方法总结
1、字符拼接str1.concat(str2)2、字符串变超链接str2.link('http://www.baidu.com')3、字符变大pj.big()4、字符变小pj.small()5、字符变下标'H'+'2'.sub()+'O'6、字符变上标'log'+'3'.sub()+'5'.sup()7、字母型的字符变大写str.toUpperCase()8、字母型的字符变小写str.toLowerCase()9、把数字转换为字符串,并保留指定原创 2021-09-19 18:27:08 · 558 阅读 · 0 评论 -
js实现图片在网页上自动上下左右移动(无bug)
首先,要缕一缕思路:第一步,怎样实现图片自动移动;第二步,怎么实现图片碰到浏览器边框后折返;第三步,怎么实时获得浏览器边框的大小;实现第一步与第二步:var num=0; //移动的距离,下一行同理;var num1=0;var flg=true; //设置一个变量,配合三元表达式使用,实现折返的效果,下一行同理;var flg1=true;//判断让其上下移动if(num<=0){flg=true;num=0}if(num>=shang){flg=f原创 2021-09-17 10:00:57 · 6576 阅读 · 0 评论 -
js将数组里的数重新排序,奇数降序排在前面,偶数升序排在后面(两种方式);
这个是之前的一个面试题~原数组如下:vararr=[12,9,2,31,11,23,17,24];使用数组的sort方法,将数组按要求排列:var arr=[12,9,2,31,11,23,17,24]; var arr1=arr.sort(function(a,b){ // 如果是a是偶数,b是奇数 if(a%2==0&&b%2!=0){ return 1;//a,b之间交换 } // 如果是a是奇数,b是偶数 if(a%..原创 2021-09-15 13:12:22 · 1299 阅读 · 0 评论 -
找出1000以内的水仙花数~有3种方式
找出100~1000的水仙花数abc=a*a*a+b*b*b+c*c*c;一个三位数==百位数数值的立方+十位数数值的立方+个位数数值的立方比如:153=1*1*1+5*5*5+3*3*3第一种方式:for(var a=1;a<=9;a++){//用变量a遍历百位数的数值 for(var b=0;b<=9;b++){//用变量b遍历十位数的数值 for(var c=0;c<=9;c++){//用变量c遍历个位数的数值 var x=a*100+...原创 2021-09-15 13:00:47 · 1724 阅读 · 0 评论 -
js的事件内部函数调用外部函数的方法~
首先给事件函数一个名字,就是具名函数:<input type="button" value="点击"/> <script> var djs=document.querySelector('input'); djs.onclick=f1; function f1(){ //运行代码 fun(); function fun(){ .原创 2021-09-13 09:54:56 · 1512 阅读 · 0 评论 -
js、jQuery实现进度条至100%,颜色渐变~
js实现进度条至100%,简单过程,可根据实际修改值,应用场景广。style样式<style> body>div{ width: 230px; border: 1px solid white; position: relative; } .ab{ width: 230px; height: 10px;原创 2021-09-09 20:12:57 · 1193 阅读 · 0 评论 -
js实现将字符串的数字提取出来,装到新的数组里面的两种方式
实现这个方法有很多,但是我所用的方法是最优化的。一个for循环,里面再加两个if判断就可以了;下面直接上代码:首先要说一下这个判断条件var str='12 fff 87 er334 233 -=-=fa80'; var arr=new Array(); var temp=''; //判断是不是数字 for(var j=0;j<str.length;j++){ if(!(isNaN(s原创 2021-09-04 10:32:16 · 3180 阅读 · 0 评论 -
js实现点击按钮更换图片,用的创建元素节点方法
这个有使用:-------------新增节点createElement('标签名')方法;-------------插入节点A.appendChild(B),把B节点追加至A节点的末尾。-------------修改节点replaceChild(新节点,被替换节点)具体代码实现:需要更换图片,不然看不到图片。鼠标悬停在图片上,可以看目前图片是第几张。<!DOCTYPE html><html lang="en"><head> &l原创 2021-08-30 11:07:23 · 680 阅读 · 0 评论 -
运用js获取并刷新当前时间,用到了toLocaleString()方法
一般我们用new Date()的方法获取的时间是不方便看的,就需要进行格式转换比如说用getFullYear()获取年份、.getMonth() + 1获取月份,这就比较麻烦toLocaleString()方法就非常的方便,可以直接获取日期与时间,不用进行格式转换。<script> function fun(){ var date=new Date(); //获取时间 var mytime=da原创 2021-08-16 11:57:44 · 243 阅读 · 3 评论