JS中firstChild,lastChild,nodeValue属性

childNodes 在JavaScript中,使用childNodes属性可以返回一个数组,这个数组包含给定元素节点的全体子节点. firstChild firstChild 这句代码等价于目标元素节点下的子元素节点数组[0]; 目标元素节点.childNodes[0] 这句代码等价于目标元素节点.firstChild; lastChild lastChild 这句代码等价于目标元素节点下的子元素节点数组[目标元素节点下的子元素节点数组.length-1] 目标元素节点.childNod…

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css样式里background-color;margin-left之类的短杠相接的属性名称,在使用style属性获取设置样式的时候名称要改为驼峰式,如ele.style.backgroundColor. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只…

揭秘DOM中data和nodeValue属性同步改变那些事

问题引发:最近在整理DOM系列的一些知识点,发现在DOM的某些接口API中,存在一些我想不通的现象.就随便举个例子吧:DOM文档模型中的文本节点,可以通过nodeValue或data属性访问文本节点的文本内容,而且在更新data的时候nodeValue也即时更新,反之亦然.不光是data或nodeVaulue有这种相互影响的关系,其他类型节点也有比如该改变document.title也会随之改变网页标题.当时想弄明白这在JS引擎中是怎么实现的,于是乎进行了以下分析:通过文本节点的原型链继承关系…

js中Frame框架的属性获取(1)

js中window和document对象及如何操作iframe 一. window对象 . 什么是window对象? Window对象表示浏览器打开的窗口.如果文档包含iframe或者是frame标签,浏览器会为HTML文档创建一个window对象.所有浏览器都支持该对象. 补充:什么是父窗口和子窗口? 打开一个html页面就是一个窗口.如果该html中包含iframe或者是frame标签,则iframe或者frame就是子窗口,包含iframe或者是frame标签的窗口就是父窗口.个人理解,一…

JS中访问对象的属性

方式一: 对象名.属性名; 方式二: 对象名["属性名"]; ★注意:方式二中,属性名以字符串的形式出现在方括号中,这意味着通过方式二访问属性的话,可以实现“动态访问对象的属性”. 例如: function Person(){} var p1 = new Person(); p1.name = "刘宇"; //在 JavaScript 中我们可以给对象动态添加属性. alert(p1.name); //输出:小明 //利用字符串变量…

JS中的可枚举属性与不可枚举属性以及扩展

在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的.可枚举性决定了这个属性能否被for…in查找遍历到. 一.怎么判断属性是否可枚举 js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍历其中的属性: var num = new Number(); for(var pro in num) { console.log("num." + pro + " = "…

js中的可枚举属性与不可枚举属性

在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的.可枚举性决定了这个属性能否被for…in查找遍历到. 一.怎么判断属性是否可枚举 js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍历其中的属性: 1 2 3 4 var num = new Number(); for(var pro in num) { console.log("num." + pro + &q…

js中createlement和creatTextnode属性

js中可以使用creatElement方法创造一个新的元素,使用creatTextnode创造一个新的text文本元素. 之后使用appendchild插入到已存在的元素中. ** window.onload = function () { var testdiv = document.getElementById('testdiv'); var para = document.createElement('p'); testdiv.appendChild(para); var txt = do…

js中遍历对象的属性和值

今天想看一下js的数组遍历的内容,搜索到了一个关于对象遍历写好的函数,保留一下.以后好用. function allPrpos ( obj ) { // 用来保存所有的属性名称和值 var props = "" ; // 开始遍历 for ( var p in obj ){ // 方法 if ( typeof ( obj [ p ]) == " function " ){ obj [ p ]() ; } else { // p 为属性名称,o…

js中的访问器属性中的getter和setter函数实现数据双向绑定

嗯,之前在读js红宝书的时候,在对象那一章有介绍属性类型.第一种数据类型指的是数据属性,第二种是访问器属性.在初识vue的时候,其双向数据绑定也是基于访问器属性中的getter和setter函数原理来实现的.本篇文章就着重解析这两个函数的工作原理. 首先,我们先创建一个a对象,并给他定义了一个默认的属性_b,_b前面的下划线是一种常用的记号,用于表示只能通过对象方法访问的属性. var a={ _b=5;}; 接着定义一个属性为'c'的访问器属性,该属性包含一个get和set函数,get函数用来…

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代…

js中的script标签属性

HTML <script> 元素用于嵌入或引用可执行脚本. 在html中插入一个script标签 <script src="index.js" sync crossorigin="anonymous"></script> 常用属性: src 定义引入外部脚本的URL type 定义script元素包含或src引用的脚本语言,text/javascript,text/ecmascript, application/javascrip…

js中Array数组的属性和方法

这是我自己整理出来的一些关于Array数组的属性和方法,即查即用. 1.Array.length属性:数组的项数组,始终返回0或者更大的值. 2.instanceof操作符:value instanceof Array 确定某个对象是不是数组,结果是布尔值: Array.isArray(value)方法:最终确定某个值是不是数组,返回布尔值. 3.Array.valueOf()方法:返回的是数组本身: Array.toString()方法:返回由数组中每个值的字符串形式拼接而成的一个以逗号为分隔…

ajax获得后台传来的一个json值，在js中获得其中的属性值

首先 ajax的dataType需要设置为json, 默认的text获取属性值在jquery3.2.1中尝试不成功获得属性值的方式: 类似数组,键值对的方式下面例子: 设置dataType为json //页面加载完之后,直接去发送一个ajax请求,获取分页数据 $(function () { $.ajax({ url:'${APP_PATH}/emps' ,data:'pn=1' ,type:'get' ,dataType:'json' ,success:function (result)…

js中caller和callee属性详解

一.caller属性返回一个对函数的引用,该函数调用了当前函数.functionName.callerfunctionName 对象是所执行函数的名称.说明对于函数来说,caller 属性只有在函数执行时才有定义. 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包含的就是 null .下面的例子说明了 caller 属性的用法: function callerDemo() { if (arguments.caller) { var a= callerDemo.call…

JS中字符串的常见属性及方法

1.属性 1.1.length var txt = "abc 123"; console.log(txt.length); 2.方法 2.1.返回字符位置(indexOf()) 该方法返回某个指定的字符串值在字符串中首次出现的位置,如果找不到返回 -1 stringObject.indexOf(searchvalue,fromindex) //searchvalue必需 fromindex可选,规定在字符串中开始检索的位置,最小为0 var str="abc efg, aaa…

JS中delete删除对象属性

1.删除对象属性 function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm delete obj.name; console.log(obj.name); //undefined 2.不能用于删除变量 var name = 'lily'; delete name; console.log(name); //lily …

js中遍历对象的属性和值的方法

鉴于循环目标是个对象,length是为undefined,用map等对数组的循环方法不行,对象就用此下方法 for(var key in _this.lists.medicines){ medicineName +=_this.lists.medicines[key].medicine.medicinePublic.medicineName + ","; } 1 2 3 4 5 6 7 8 9 var Statistics_Website_logo ={ …

js中彻底删除对象属性

delete运算符可以删除对象的属性,但是仅仅是断开了属性和宿主对象的联系,而不会去操作被删除属性的属性值,所以就需要彻底删除的出现 function myDelete(obj,propertyName){ if(typeof obj[propertyName]==="object"){ for(var i in obj[propertyName]){ myDelete(obj[propertyName],i); } delete obj[propertyName]; }else{ d…

swfupload js中 file 对象的属性

name=3cc68cfc60b87e6dd6887d8a.jpg modificationdate=Wed Apr 21 15:48:30 UTC+0800 2010 filestatus=-1 post=[object Object] type=.jpg index=0 size=29006 creationdate=Wed Apr 21 15:48:38 UTC+0800 2010 id=SWFUpload_0_0…

关于在JS中设置标签属性

Attribute 该属性主要是用来在标签行内样式,添加.删除.获取属性.且适用于自定义属性. setAttribute("属性名",属性值“”):这个是用来设置标签属性的: removeAttribute("属性名"):这是用来删除标签属性的. getAttribute("属性名"):获取标签该属性的值: obj.style.css样式该属性主要是用来在标签行内样式,添加.删除.获取属性.不适用自定义属性. 例如设置li标签的宽高,背景色:…

JS中的六大数据类型

js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object). typeof 操作符由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字. typeof 123 //Number typeof 'abc' //String typeof true //Boolean typeof undefined //Undefin…

js中style,currentStyle和getComputedStyle的区别以及获取css操作方法

在js中,之前我们获取属性大多用的都是ele.style.border这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获取外部的样式存在兼容性的问题,所以后面我还会教大家解决兼容性的方法. style:各大浏览器都兼容,能设置样式和获取样式,但是获取不了外部样式,如果写了行内没有的样式,返回的是空值写法:ele.style.attr(这样为获取),ele.style.attr="值"; current…

js中的面向对象程序设计

面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装.继承.多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值.对象或者函数.可以简单理解为JS的对象是一组无序的值,其中的属性或方法都有一个名字,根据这个名字可以访问相映射的值(值可以是基本值/对象/方法). 1.json格式的面向对象,一个命名空间:适合模块化开发插件.不同的模块使用不同的命名空间.也可用于小型…

js中Object.defineProperty()和defineProperties()

在介绍js中Object.defineProperty()和defineProperties()之前,我们了解下js中对象两种属性的类型:数据属性和访问器属性. 数据属性数据属性包含一个数据的位置,在这个位置可以读取和写入.其有4个描述其行为的特性 [[Configurable]] 表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,能否把属性修改为访问器属性.通过对象字面量创建的属性,默认为true [[Enumerable]] 表示能否通过for-in循环访问属性.(或通…

JS中的七大数据类型

js中有7种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)以及es6语法新增的Symbol数据类型 es6语法新增:Symbol数据类型 let symbol = Symbol("aaa"); 没有构造函数,不能被new typeof 操作符由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字. typeof 123 //Number t…

JS中的数据类型及转换

js的六大类型 js中有六种数据类型,Boolean: 布尔类型 Number:数字(整数int,浮点数float ) String:字符串 Object:对象 (包含Array数组 ) 特殊数据类型 Null.Undefined Boolean类型 Boolean 类型有两个值:true和false.而true一般等于1,false一般等于0. JavaScript 是区分大小写的,True和False或者其他都不是Boolean类型的值. Number类型 Number 类型包含两种数值:整…