阐述js中关于自定义属性的理解以及方法

2024-08-24

javascript中的自定义属性

标签的自定义属性: 在开发中,有时需要在标签上添加一些自定义属性用来存储数据或状态. 设置了自定义属性的标签,就是在这个标签上添加了这个属性,浏览器中的html结构中可以看到. 使用点语法(如oWrap.mygod="哈哈")设置的自定义属性,在html结构中并不能直接看到,但该属性实际已经存在于该标签的属性集合列表,如下图所示: var oW=document.getElementById('wrap'); oW.mygod="hi"; 利用这个特性,可以很方便的

js中style.display=""无效的解决方法

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码代码如下: <style> #name { display:none; }</style></head><body><div id=

js中数组去重的几种方法

js中数组去重的几种方法 1.遍历数组,一一比较,比较到相同的就删除后面的 function unique(arr){ for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(ar

JS 中深拷贝的几种实现方法

JS 中深拷贝的几种实现方法1.使用递归的方式实现深拷贝 //使用递归的方式实现数组.对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空,并且是对象或者是 if (obj && typeof obj === "object") { for (key i

js中的splice方法和slice方法简单总结

slice:是截取用的 splice:是做删除插入替换用的 slice(start,end): 参数: start:开始位置的索引 end:结束位置的索引(但不包含该索引位置的元素) 例如: var arr=[‘a’,’b’,’c’,’d’] var newArr=arr.slice(0,3); //不包含索引值为3对应的元素 console.log(newArr); //输出的是[‘a’,’b’,’c’,’] var newArr2=a

js中判断数据类型的四种方法总结

js中判断数据类型的四种方法前言在js中,我们经常需要判断数据的类型,那么哪些方法可以用来判断数据的类型呢?哪种方法判断数据类型最准确呢? 我们来一个个分析: 1.typeof typeof是一个运算符,使用方式有两种:1.typeof(表达式)2.typeof 变量名.返回值为表示类型的字符串.能判断的类型有 Number.String.Boolean,Undefined.Object.Function.Symbol等实例详解: 注意最后两个typeof null 和 typeof []

JS中的自定义属性

<div id="div1" a="a" data-bbb="bbb">div</div> <script> var oDiv=document.getElementById('div1'); oDiv.b='b'; alert(oDiv.a); //undefined:因为HTML中的自定义属性不能直接获取 alert(oDiv.b); //b:通过JS添加的自定义属性能直接获取 alert(oDiv.get

JS中对于prototype的理解

JS中的prototype是JS中比较难理解的一个部分本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展.我们称B的原型为A. 2 javascript的方法可以分为三类: a -> 类方法 b -> 对象方法 c -> 原型方法例子: function People(name){ //对象属性 this.name=name; //对象方法 this

关于js中this指向的理解总结！

关于js中this指向的理解! this是什么?定义:this是包含它的函数作为方法被调用时所属的对象. 首先,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(虽然在很多情况下那样去理解不会出什么问题,但是实际上会有些特殊存在),那么接下来我会深入的探讨这个问题. 例子1: function a(){ var user = " 小明"; console.log(this.user); //undef

js中两个!!的理解

在js中经常有两个!!出现,经常让人难以理解 (function () { var a = 10; var b = 20; function add(num1, num2) { var num1 = !!num1 ? num1 : a; var num2 = !!num2 ? num2 : b; return num1 + num2; } window.add = add; })(); var sum=add("10", "20"); console.log(sum

【JS】JS中对于this的理解

一.对this的产生原因分析和了解第一:this指的是函数运行时所在的环境(即调用的对象). 第二:JavaScript 语言之所以有this的设计,跟内存里面的数据结构有关系(内存存储详细理解参考原文). 总结如下: 对于普通对象的保存:实际对象属性的值就是值: 对于函数的保存:实际函数属性的值是函数的地址:(而函数本身,可理解为:它不属于任何一个对象,相当于一个全局对象.所以,函数在不同场景下运行,this就是不同的场景了,不过都是执行时的环境) 同时,函数,可以作为一个参数(值)被调用,

JS中原型链的理解

new操作符具体干了什么呢?其实很简单,就干了三件事情. var obj = {}; obj.__proto__ = Base.prototype; Base.call(obj); 第一行,我们创建了一个空对象obj第二行,我们将这个空对象的__proto__成员指向了Base函数对象prototype成员对象第三行,我们将Base函数对象的this指针替换成obj,然后再调用Base函数,于是我们就给obj对象赋值了一个id成员变量,这个成员变量的值是”base”,关于call函数的用法. 在

Js中函数式编程的理解

函数式编程的理解函数式编程是一种编程范式,可以理解为是利用函数把运算过程封装起来,通过组合各种函数来计算结果.函数式编程与命令式编程最大的不同其实在于,函数式编程关心数据的映射,命令式编程关心解决问题的步骤. 描述到近些年,函数式以其优雅,简单的特点开始重新风靡整个编程界,主流语言在设计的时候无一例外都会更多的参考函数式特性Lambda表达式.原生支持map.reduce....,Java8开始支持函数式编程等等. 在前端领域,我们同样能看到很多函数式编程的影子,ES6中加入了箭头函数,Re

js中的this怎么理解

本博客供自己学习备忘, js中的this感觉很混乱,目前还有不少地方搞得不是很清楚,看到一篇不错的文章,先摘下来 this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,下面分四种情况,详细讨论this的用法,感兴趣的朋友可以了解下 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, 代码如下: function test(){ this.x = 1; } 随着函数使用场合的不

js中boolean类型的理解

<html> <head> <script type="text/javascript"> var x="12"; alert(x+234); alert(typeof (x+234)); var flag=false; //true=1 false=0; alert(flag+34); </script> </head> <body> String str="ere"; i

node.js中module模块的理解

node.js中使用CommonJS规范实现模块功能,一个单独的文件就是一个单独的模块.通过require方法实现模块间的依赖管理. 通过require加载模块,是同步操作. 加载流程如下: 1.找到需要加载的模块文件. 2.判断是否缓存过,如果没有,则读取模块文件的内容. 3.把读取到的内容,封装在一个函数里运行. (function (exports, require, module, __filename, __dirname) { //模块的代码实际上在这里 }); 4.返回 modul

JS中判断数据类型的几种方法

1⃣️首先我们来了解一下js中的数据类型 1.基本数据类型:Undefined.Null.Boolean.Number.String(值类型) 2.复杂数据类型:Object(引用类型) (值类型和引用类型的定义是通过数据在内存中的存储方式来确定的) 1)变量对象与基础数据类型 JavaScript的执行上下文(context)生成之后,会创建一个叫做变量对象的特殊对象,JavaScript的基础数据类型往往都会保存在变量对象中. 2)引用数据类型与堆内存引用数据类型的值是保存在堆内存中的对象

js中this的四种使用方法

0x00:js中this的四种调用模式 1,方法调用模式 2,函数调用模式 3,构造器调用模式 4,apply.call.bind调用模式 0x01:第一种:方法调用模式 (也就是用.调用的)this就是这个对象本身当一个函数被保存为对象的一个属性时,我们称它为一个方法,当一个方法被调用时,this被绑定到该对象,如果一个调用表达式包含一个属性表达式(即一个.点表达式或者[subscript]下标表达式)那么它被当做一个方法调用. }; var foo = function(){ co

Js中数据类型判断的几种方法

判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异同. 先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name=&

js中判断鼠标滚轮方向的方法

前言 LiuDaP 最近无聊,在做自己的个人站,其中用到了一个关于鼠标滚轮方向判断的方法,今天闲来无聊,就给大家介绍一下吧!!!! 在介绍鼠标事件案例前,让我们先稍微了解一下js中的event对象一.JS中的Event对象 Event对象:它代表的是事件的状态,例如可以表示鼠标的位置.鼠标按钮的状态.键盘按键的状态等等. >>>事件通常与函数结合使用,函数不会在事件发生前被执行! 二.JS中如何判断鼠标滚轮方向判断鼠标滚轮的方向,有着两个派别:一是谷歌.IE派别(这次IE没有

用Java开发一个工具类，提供似于js中eval函数功能的eval方法

今天在看到<Java疯狂讲义>中一个章节习题: 开发一个工具类,该工具类提供一个eval()方法,实现JavaScript中eval()函数的功能--可以动态运行一行或多行程序代码.例如:eval("System.out.println("hello world")"),将输出hello world. ___ code: import java.io.*; /** * Java创建一个类似于js中eval()的方法 */ public class Eva

阐述js中关于自定义属性的理解以及方法

热门专题