web前端开发 - 文章 - 第45页

JS判断数组或字符串对象是否包含某个值或字段并返会true与false

数组的的方法 includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。let site = ['runoob', 'google', 'taobao'];site.includes('runoob'); // true site.inclu...

0
0
admin
发布于 2020-06-28 17:22
阅读 ( 495 )

JavaScript通过原生typeof()函数对数据或变量的类型进行判断

在Object基本类定义的这个toString()方法，是用来检测数据类型的；在JS内： console.log(Object.prototype.toString.call(1));//[object Number] console.log(Object.prototy...

0
0
admin
发布于 2020-06-28 12:52
阅读 ( 500 )

radio单选框选中状态下让对应选中的文字改变颜色

<!DOCTYPE html> <html lang="en"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <style type="text/css"> .radio {...

0
0
admin
发布于 2020-06-27 23:51
阅读 ( 543 )

JavaScript实现鼠标经过图片时图片上下或左右抖动的动画效果

<!DOCTYPE html> <html lang="en"> <style type="text/css"> img { width: 100px; height: 100px; position: absolute; top: 200px; } </style> &l...

0
0
admin
发布于 2020-06-27 23:14
阅读 ( 480 )

原生JS获取年、月、日、时、分、秒以及周的星期显示

window.onload = function(){ // alert(new Date());//弹出当前系统的时间对象 var myTime = new Date(); var iYear = myTime.getFullYear();//获得当前年份 // alert(iYea...

0
0
admin
发布于 2020-06-27 23:08
阅读 ( 524 )

JavaScript字符串截取两种原生函数

1、substring( ) 截取字符串：substring(a,b )； a：从0数，第a位开始； b：取b个字符串；例如： substring( 2,3)表示从0数到2，然后截取3个字符（包括第2位字符）；如果后面数字比前面...

0
0
admin
发布于 2020-06-27 19:19
阅读 ( 498 )

文字收缩、展开（默认展开）

html： <p><span>JavaScript 是属于网络的脚本语言！...</span><a href="javascript:;">>>收缩</a></p> css： a {text-decoration: none;}/*...

0
0
admin
发布于 2020-06-27 19:14
阅读 ( 546 )

JavaScript字母大小写转化

var str = 'www.baidu.com'; alert(str.toUpperCase());//WWW.BAIDU.COM 转成大写字母 alert(str.toLowerCase());//www.baidu.com 转成小写字母

0
0
admin
发布于 2020-06-27 19:12
阅读 ( 481 )

分割字符串split( )的使用方法

把字符串分割成数组，把一串字符根据某个分隔符来分割成数组； split( )：括号中是分隔符，如果没有分隔符会把整个内容都当成一个数组 split(‘.’);括号中的分隔符是点，所以会找到点然后分...

0
0
admin
发布于 2020-06-27 19:10
阅读 ( 502 )

定义修改获取遍历json对象的方法详解

json非常适合服务器和js之间进行数据的交互； var json = {name:'张三',age:18};//定义jsonalert(json.name); // 访问jsonvar arrUrl = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];va...

0
0
admin
发布于 2020-06-27 19:04
阅读 ( 524 )

JavaScript实现全文搜索替换字符

html： <input type="text"><input type="button" value="查找"><p>计算机（computer）俗称电脑，是现代一种用于高速计算的电子计算机器...量子计算机等。</p> css：...

0
0
admin
发布于 2020-06-27 18:57
阅读 ( 496 )

JavaScript实现全文搜索匹配字符并标亮（标红）

html： <input type="text"><input type="button" value="查找"><p>计算机（computer）俗称电脑，是现代一种用于高速计算的电子计算机器...量子计算机等。</p> css：...

0
0
admin
发布于 2020-06-27 18:51
阅读 ( 536 )

JavaScript将数组内重复的内容删除

var arr = [1,2,2,3,5,2,4,6];// 循环遍历数组for(var i = 0;i<arr.length;i++){ for(var j = i+1;j<arr.length;j++){ if(arr[i] == arr[j]){// 第一位和第二位进行比较 ...

0
0
admin
发布于 2020-06-27 18:46
阅读 ( 498 )

JavaScript随机函数生成随机数介绍并使用

Math.random( )是随机函数：随机取0~1之间的任意数； 1、四舍五入函数如果是一位整数，那么就要用到四舍五入函数：Math.round( ); 例如： alert(Math.round(3.4));//3alert(Math.round(3...

0
0
admin
发布于 2020-06-27 18:41
阅读 ( 529 )

JavaScript数组排序

1、纯字符排序： var arr = ['c','a','d','b'];arr.sort();alert(arr);//a,b,c,d 2、纯数字排序：数字排序不能直接使用sort( )方法，因为它是直接先比较第一位数字 var arr1 = [1,5,3,8,...

0
0
admin
发布于 2020-06-27 18:35
阅读 ( 523 )

html5强制手机浏览器竖屏

在 header 标签里加上以下代码： <meta name="screen-orientation" content="portrait"><meta name="x5-orientation" content="p...

0
0
admin
发布于 2020-06-27 15:24
阅读 ( 496 )

css旋转动画，360度不停转

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>360度不停旋转动画</title> <style> .rotate { width: 30p...

0
0
admin
发布于 2020-06-27 15:22
阅读 ( 508 )

jQuery文本内容段落展开和折叠效果

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery文本段落展开和折叠效果</title> <style>...

0
0
admin
发布于 2020-06-27 15:18
阅读 ( 501 )

简单的jquery倒计时案例完整代码

<!doctype html> <html> <head> <meta charset="utf-8"> <title>通俗易懂的jquery倒计时</title> <script src="http://libs.baidu.com/jquery/1.11.3/j...

0
0
admin
发布于 2020-06-27 12:32
阅读 ( 481 )

文字不间断向上滚动效果完整代码，无缝轮播原理

<!doctype html> <html> <head> <meta charset="utf-8"> <title>不间断向上滚动</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.mi...

0
0
admin
发布于 2020-06-27 12:29
阅读 ( 496 )