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
  • 阅读 ( 565 )

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
  • 阅读 ( 571 )

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
  • 阅读 ( 618 )

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
  • 阅读 ( 552 )

原生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
  • 阅读 ( 595 )

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
  • 阅读 ( 572 )

文字收缩、展开(默认展开)

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

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

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
  • 阅读 ( 552 )

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

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

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

定义 修改 获取 遍历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
  • 阅读 ( 589 )

JavaScript实现全文搜索替换字符

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

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

JavaScript实现全文搜索匹配字符并标亮(标红)

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

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

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
  • 阅读 ( 578 )

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
  • 阅读 ( 605 )

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
  • 阅读 ( 593 )

html5强制手机浏览器竖屏

在 header 标签里加上以下代码: <!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- qq强制竖屏 --><meta name="x5-orientation" content="p...

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

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
  • 阅读 ( 570 )

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
  • 阅读 ( 570 )

简单的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
  • 阅读 ( 542 )

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

<!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
  • 阅读 ( 560 )