分类：JavaScript

2020
09-29

JavaScript 类的封装操作示例详解

本文实例讲述了JavaScript类的封装操作。分享给大家供大家参考，具体如下：一，首先，为什么要使用封装？这是从信息的角度出发的，信息的隐藏是最终的目的，而封装只不过是实现隐藏的一种方法。这里我们需要明白一点就是：类的定义有如下的三种方式：（第一种）门户大开型方式   （第二种）用命令规范区别私有和公有的方式  （第三种）闭包现在详细描述一下每一种类的定义方式：针对第一种，门户... 继续阅读 >
2020
09-29

JavaScript随机数的组合问题案例分析

本文实例讲述了JavaScript随机数的组合问题。分享给大家供大家参考，具体如下：随机数的组合问题在面试时是经常考的，比如之前我就被问到：“有一个可以生成１－５的随机数函数，怎样把它扩大到１－７？”在解决这个问题之前，先来看看另外一个比较简单的问题：“有一个可以生成１－７的函数，怎样把它缩小到１－５？”下面是一个生成１－７函数random７：functionrandom7(){returnMath.floor(Math.random()*7+1);}如何... 继续阅读 >
2020
09-29

JavaScript鼠标悬停事件用法解析

JavaScript鼠标悬停事件用法解析 鼠标悬停事件是当鼠标的光标与其名称表示的元素重叠时触发的事件，本篇文章我们就来详细介绍一下JavaScript中鼠标悬停事件的用法。我们先来看一下什么是onmouseover？鼠标悬停的活动是“事件”，而onmouseover是事件处理程序。事件处理程序是指定事件发生时要执行的进程所必需的。所以onmouseover是一个事件处理程序，负责当鼠标的光标悬停在某个元素上时完成的处理。什么是onmouseleave？除了onmouseover之外，还有onmouseleave。... 继续阅读 >
2020
09-29

JavaScript enum枚举类型定义及使用方法

enum型也被成为枚举类型，它是一种可以将多个常量分组为一个并附加一系列值的类型，使用枚举定义的常量称为枚举器列表，默认情况下，枚举器从零开始按顺序编号。本篇文章给大家介绍关于JavaScript中枚举类型的使用。JavaScript中enum（枚举类型）是什么?JavaScript中是没有枚举类型的，除了JavaScript以外的语言都有enum这个关键词，但为了在JavaScript中使用枚举变量，我们必须自己创建它。下面我们就来看如何在JavaScript中... 继续阅读 >
2020
09-29

JavaScript onclick事件使用方法详解

JavaScript onclick事件使用方法详解 onclick是一个事件，当事件被触发时就会执行处理，onclick是一个处理鼠标点击的事件。本篇文章就给大家分享关于JavaScript中onclick事件的用法。我们首先来看一下onclick事件的语法以下是如何使用onclick事件编写。使用document.getElementById（）在文档中指定id元素，并使用function(){}处理单击该元素时发生的事件。document.getElementById("button").onclick=function(){//设置在此处单击#button时要发生的事件};我们来... 继续阅读 >
2020
09-29

Javascript执行流程细节原理解析

Javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念，而是通过一个简单的DEMO来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。varx=1;//定义一个全局变... 继续阅读 >
2020
09-29

javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清，这里就来总结一下这些方法的用法和含义。一、clientWidth和clientHeigh、clientTop和clientLeft1，clientWidth的实际宽度clientWidth= width+左右padding2，clientHeigh的实际高度clientHeigh=height+上下padding 3，clientTop的实际宽度clientTop=boder.top(上边框的宽度)4，clientLeft的实际宽度clientLeft=boder.l... 继续阅读 >
2020
09-29

JavaScript数组排序功能简单实现

JavaScript数组的sort()函数是按字符串大小排序,不能正确对一组数字进行排序下面的小程序通过一个自编的函数实现了对一组数字进行排序的功能.<script>functionmysort(a){varn=a.length;varnewa=[];vartemp;for(vari=0;i<n;i++){for(varj=i;j<n;j++){if(a[i]>a[j]){temp=a[i];a[i]=a[j];a[j]=temp;}}newa.push(a[i]);}returnnewa;}arr=[1,9,5... 继续阅读 >
2020
09-29

JavaScript, select标签元素左右移动功能实现

通过JavaScript设计一段代码,实现下面的功能.初始界面如下图,选中左面标签中的几个选项后再点-->,则将他们移动到右侧框内,同时左侧选项消失.点击====>后,左侧全部选项移动到右侧.点击右侧几个选项后,再点<---,则这些选项移动到左侧,点<====,则右侧全部选项移动到左侧.代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>#box_L,#choice,#box_R{display:inline-blo... 继续阅读 >
2020
09-29

JavaScript oncopy事件用法实例解析

作用：当用户拷贝添加了oncopy事件的元素时触发使用方式：直接在HTML标签中添加该事件，通过JavaScript为指定元素添加该事件提示：如果想要禁止复制某个元素的内容，可以在该事件的函数中添加return:false;，禁止浏览器的默认行为例如：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>oncopy事件</title><script>window.onload=function(){lettext=document.getElementsByTagName("p... 继续阅读 >
2020
09-29

JavaScript 正则应用详解【模式、欲查、反向引用等】

本文实例讲述了JavaScript正则应用。分享给大家供大家参考，具体如下：正则应用正则表达式在web开发中的常用邮箱验证用户名验证替换字符串某一部分信息采集，用来分析有效代码段...有规律的字符串描述正则表达式是一门独立的知识，同样的一段描述，比如，对于email的匹配表达式，在不同的语言是一样的，但是调用的函数不同。正则表达式--规则表达式正则表达式：正则表达式正则表达式语法：正则表达式语法正则表达式语言：正则表达... 继续阅读 >
2020
09-29

JavaScript 引用类型实例详解【数组、对象、严格模式等】

本文实例讲述了JavaScript引用类型。分享给大家供大家参考，具体如下：数组在ECMAScript中数组是非常常用的引用类型ECMAScript所定义的数组和其他语言中的数组有着很大的区别数组也是一种对象创建数组//方法一vararr=newArray();//方法二vararr1=[];特点数组即一组数据的集合js数组更加类似java的map容器。长度可变，元素类型任意数组长度随时可变！随时可以修改！(length属性)vararr1=[123,324,tr... 继续阅读 >
2020
09-29

JavaScript 模块化开发实例详解【seajs、requirejs库使用】

本文实例讲述了JavaScript模块化开发。分享给大家供大家参考，具体如下：JS开发的问题冲突依赖JS引入的文件,产生依赖.使用命名空间解决：命名空间的弊端调用的时候名字比较长.只能减低冲突，不能完全避免SeaJs使用引入sea.js的库如何变成模块？define如何调用模块？exports和seajs.use如何依赖模块？require//html：<scriptsrc="js/sea.js"type="text/javas... 继续阅读 >
2020
09-29

JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】

本文实例讲述了JavaScript函数用法。分享给大家供大家参考，具体如下：初始函数Function类型，即函数的类型。典型的JavaScript函数定义:function函数名称(参数表){//函数执行部分return;}//注意：参数列表直接写形参名即可return语句：return返回函数的返回值并结束函数运行函数也可以看做数据来进行传递参数列表相当于函数入口，return语句相当于函数出口函数可以作为参数来传递。functiontest(a){a();}te... 继续阅读 >
2020
09-29

JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】

本文实例讲述了JavaScript面向对象程序设计。分享给大家供大家参考，具体如下：类的创建于实例对象工厂模型创建对象functionCreatePerson(name,sex,age){varobj=newObject();obj.name=name;obj.sex=sex;obj.age=age;obj.sayName=function(){console.log(this.name);}returnobj;}varp1=CreatePerson('zf','女',22);p1.sayName();//zfconsole.log(p1.name);//zf构造函数式//函数的... 继续阅读 >