分类：js

2020
09-24

js实现的订阅发布者模式简单示例

本文实例讲述了js实现的订阅发布者模式.分享给大家供大家参考，具体如下：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title></head><body><script>varpubsub=(function(){varq={}topics={},subUid=-1;//发... 继续阅读 >
2020
09-24

JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析

本文实例讲述了JS中类的静态方法，静态变量，实例方法，实例变量区别与用法。分享给大家供大家参考，具体如下：1.类的静态方法先来段代码之后分析//JS类静态函数functionBaseClass(){}//类添加add函数BaseClass.add=function(){console.log("BaseClassadd()方法被调用");};//类方法(类的静态函数)直接调用//类名.类方法名BaseClass.add();//BaseClassadd()方法被调用varinstance=newBaseClass();//实例不能调用... 继续阅读 >
2020
09-24

js中forEach，for in，for of循环的用法示例小结

本文实例讲述了js中forEach，forin，forof循环的用法。分享给大家供大家参考，具体如下：一、一般的遍历数组的方法:vararray=[1,2,3,4,5,6,7];for(vari=0;i<array.length;i++){console.log(i,array[i]);}二、用forin的方遍历数组，得到的是索引vararray=[1,2,3,4,5,6,7];for(letindexinarray){console.log(index,array[index]);};三、forEach，得到的是元素vararray=[1,2,3,4,5,6,7];array.forEach(e... 继续阅读 >
2020
09-24

JS原型prototype和__proto__用法实例分析

本文实例讲述了JS原型prototype和__proto__用法。分享给大家供大家参考，具体如下：先来看一个实例functionFoo(){}varfoo=newFoo();console.log(foo.prototype);//undefinedconsole.log(foo.__proto__===Foo.prototype);//trueconsole.log(Foo.__proto__);[Function]Foo.__proto__结果如下:console.log(Foo.prototype);//[objectObject]Foo.prototype结果如下:console.log(Foo.prototype.prototype);//undefined实... 继续阅读 >
2020
09-24

JS数组的高级使用方法示例小结

本文实例讲述了JS数组的高级使用方法。分享给大家供大家参考，具体如下：//数组的高级使用vararray=[10,12,20,30];for(varindexinarray){console.log(array[index]);}//length数组长度for(vari=0;i<array.length;i++){console.log(array[i]);}//数组添加新数据array.push(1000);array.push(2000);array.push("helloworld");array.push({key:"jadeshu"});console.log(array);//[10,12,20,30,1000,... 继续阅读 >
2020
09-24

js函数和this用法实例分析

本文实例讲述了js函数和this用法。分享给大家供大家参考，具体如下：js的所有代码都是由funtion组成，funtion即函数的类型。一.函数有两种写法-----1.定义式functiontest(){//定义一个函数console.log("functiontestcalled!!");}-----2.变量式vartest2=function(){console.log("vartest2functioncalled!!");};我们可以调用typeof()查看类型vartype=typeof(test2);console.log(type);//function二.函数也... 继续阅读 >
2020
09-24

js对象简介与基本用法示例

本文实例讲述了js对象简介与基本用法。分享给大家供大家参考，具体如下：对象简介js中没有"类"的概念，只有对象。A:对象声明方式有三种------------1.调用Object函数创建对象: varperson=newObject;对于一个已经声明的对象，可以给该对象设置任意属性。比如varperson=newObject();person.name="zhangsan";console.log(person);//Object{name:"zhangsan"}这样就给person对象设置了一个name属性------------2.采用... 继续阅读 >
2020
09-24

JS自定义滚动条效果

本文实例为大家分享了JS自定义滚动条的具体代码，供大家参考，具体内容如下<head><metacharset="UTF-8"><title></title><styletype="text/css">#all{width:500px;height:50px;background-color:sandybrown;border-radius:25px;margin:0auto;position:relative;}#div1{width:50px;height:50px;border-radius:50%;background-color:rosybrown;position:absolute;}#box{background-color:yellow;... 继续阅读 >
2020
09-24

js Math数学简单使用操作示例

本文实例讲述了jsMath数学简单使用.分享给大家供大家参考，具体如下：//Math是全局的//Math.PI数学里的3.1415926....console.log(Math.PI);//取随机数//js提供的随机函数Math.random()-->[0,1)范围内的数functionrandom_int(start,end){varnum=start+(end-start)*Math.random();//小数---》整数,向下取整Math.floor()returnMath.floor(num);}console.log(random_int(5,15));console.log("==============... 继续阅读 >
2020
09-24

JavaScript实现随机点名器

JavaScript实现随机点名器 本文实例为大家分享了JavaScript实现随机点名器效果图的具体代码，供大家参考，具体内容如下js实现随机点名器的思路利用setTimeout()计时器实现随机的效果，功能函数functionshow(){varbox=window.document.getElementById("box");varnum=Math.floor((Math.random()*100000))%namelist.length;box.innerHTML=namelist[num];mytime=setTimeout("show()",1);}完整代码如下：<!DOCTYPEhtml><html><head><metacharset="UT... 继续阅读 >
2020
09-24

JavaScript碰撞检测原理及其实现代码

JavaScript碰撞检测原理及其实现代码 本文实例为大家分享了JavaScript实现碰撞检测原的具体代码，供大家参考，具体内容如下1.模拟碰撞简单模拟碰撞过程,用一个可以拖拽的div2去尝试碰撞一个固定的div1(均用绝对定位)2.碰撞检测原理如图所示:使得div分别有4个距离属性(L(left),T(top),R(right),B(bottom)).对于div1来说,画出一个九宫格,div2在除中心以为的8个格子任意移动都不会发送碰撞.也就是说,只要满足条件:oDiv2.div2R小于oDiv1.div1L||oDiv2.div2L大于oDiv1.... 继续阅读 >
2020
09-24

js实现操作cookie的常见方法总结【创建、读取、删除】

本文实例讲述了js实现操作cookie的常见方法。分享给大家供大家参考，具体如下：js操作cookie，可以通过开源的插件实现，方便快捷，兼容性好，同样也可以自己写；此文主要介绍两个常用的插件：Js.cookie.js和jQuery.cookie.js0、Js.cookie.jsjs.cookie.js:一个简单，轻量级的JavaScriptAPI，用于处理cookie;下载地址：https://github.com/js-cookie/js-cookie/releases优点：适用于所有浏览器；接受任何字符；没有依赖；... 继续阅读 >
2020
09-24

基于javascript实现碰撞检测

基于javascript实现碰撞检测 本文实例为大家分享了javascript实现碰撞检测的具体代码，供大家参考，具体内容如下<html><head><style>#div1{width:100px;height:100px;background:red;position:absolute;z-index:2;}#div2{width:100px;height:100px;background:yellow;position:absolute;left:230px;top:220px;z-index:1;}</style><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><script>window.... 继续阅读 >
2020
09-24

js 使用ajax设置和获取自定义header信息的方法小结

本文实例讲述了js使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考，具体如下：1、jsajax设置自定义header1.1方法一：$.ajax({type:"POST",url:"Handler1.ashx",contentType:"application/x-www-form-urlencoded",beforeSend:function(request){request.setRequestHeader("token1","Chenxizhang");},success:function(data){//yourcode}});1.2方法二：$.ajax({headers:{... 继续阅读 >
2020
09-24

原生js实现碰撞检测

本文实例为大家分享了js实现碰撞检测的具体代码，供大家参考，具体内容如下随手写了个简单的碰撞检测的代码。检测box1和box2是否发生碰撞，若发生碰撞，box2颜色发生随机改变，并反弹到随机位置。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.box1,.box2{width:100px;height:100px;background-color:#f00;position:absolute;}.box2{... 继续阅读 >