JS基础_对象操作

1.in 运算符通过该运算符可以检查一个对象中是否含有指定的属性,如果有,返回true 语法: “属性名” in 对象 var obj = { name:"hello" } console.log("name" in obj);//true 2. == 运算符比较两个引用数据类型时,他是比较的对象的内存地址 3.枚举对象中的属性使用 for...in 语句 var obj={ name:"haha", age:18 } for(var n…

JS基础_对象的简介、对象的基本操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * -…

JS基础_对象的方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 创建一个对象 */ var obj = new Object(); //向对象中添加属性 obj.name = "孙悟空"; obj.age = 18;…

JS基础_对象字面量

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个对象 //var obj = new Object(); /* * 上面这种方式有点麻烦,有一个更简单的一个方式,本质上都是一样的,两种方式都要会用 * 使用对象字面量来创…

JS基础学习——对象

JS基础学习--对象什么是对象对象object是JS的一种基本数据类型,除此之外还包括的基本数据类型有string.number.boolean.null.undefined.与其他数据类型不同的是,对象是一种复合值,由多个键值对组成,这些键值对也可以看成对象的属性集合,键为属性名,值为属性值(任意数据类型). object又可以分成多种子类型,称为JS的内置对象,包括String.Number.Boolean.Function.Array.Data.RegExp(regular expre…

GSAP JS基础教程--TweenLite操作元素的相关属性

今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了. 代码里用详细注释,我就不再重复啦,大家看代码就可以啦! 注:要一条条撤销注释看效果哦!!!!!!!!!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"…

【2017-03-28】JS基础、DOM操作

一.JS基础 1.javascript功能 ⑴进行数据运算 ⑵控制浏览器功能 ⑶控制元素的属性.样式.内容 2.javascript位置和格式可以放在html页的任意位置,也可以创建一个以js结尾的文件内,将该文件引用到html页内推荐放在<html></html>后边 <script type="text/javascript"> js脚本语言位置 </script> 3.3个常用对话框 alert("警告内容"…

js基础总结01 --操作DOM

1.选择对象通过id来选择绑定一个dom节点 :document.getElementById('p1'): 通过类名来绑定一个类数组的对象集合,:document.getElementsByClassName('p')://类似的还有 document.getElementsByName.document.getElementsByName等通过css选择器来返回第一个匹配的dom节点:document.querySelector('#p1'): 通过css选择器来返回一个类数组的对象集合…

JS基础_枚举对象中的属性

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var obj = { name:"孙悟空", age:18, gender:"男", address:"花果山" }; /…

JS基础_原型对象

原型prototype 我们创建的每一个函数,解析器都会向函数中添加一个属性prototype 这个属性,对应着一个对象,这个对象就是我们所谓的原型对象 1.如果函数作为普通函数调用prototype没有任何作用 2.当作为构造函数调用时,它所创建的对象中,都会有一个隐含的属性,指向该构造函数的原型对象. 隐含属性:__proto__ function MyClass(){ }; var mc = new MyClass(); console.log(mc.__proto__ == MyClas…

1. js数据类型_对象_函数_内存

1. js数据类型有哪些? 基本(值)类型 Number ---- 任意数值 String ---- 任意字符串 Boolean ---- true/false undefined ---- undefined null -------- null 对象(引用)类型 Object Array Function 2. 判断数据类型的方法? typeof 不能检测 null object array 的区别 instanceof 能检测 object array function 的区别 3. 谈谈…

js基础篇(dom操作，字符串，this等)

首先我们来看这样一道题 <div id='foo' class='aa bb cc'></div>写出如何判断此div中是否含有aa(注:aa成立,aaa不成立) 首先,我们一定是取出class里面的这个字符串,然后我们想办法判断出这个字符串里面是否存在aa,并且只有aa. 我给大家提供了三种方法,第一种利用getAttribute方法,第二种利用getElementByClassName,第三种就是正则匹配了. 代码如下: /* ***用getAttribute方法实现 */ v…

JS基础_垃圾回收(GC)

垃圾回收(GC) 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我门需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法操作这个对象此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢在JS中拥有自动的垃圾回收机制,会自动将这些垃圾对象从内存中销毁, 我们不需要也不能进行垃圾回收的操作我们选哟做的只是要将不再使用的对象设置为null即可…

JS基础_属性名和属性值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var obj = new Object(); /* * 向对象中添加属性 * 属性名: * - 对象的属性名不强制要求遵守标识符的规范 * 什么乱七八糟的名字都可以使用 * - 但是…

JS基础之对象

JS中一切皆为对象,这是一句常说的话.了解JS对象,从这句话开始吧.JS中的基本数据类型如number,bool,字符串,数组,null,undefined等等都是对象. 对象的本质: 带有属性和方法的特殊数据类型,而每个属性或者方法又可看做是一个键值对,因此可以这样定义:对象是一系列无序键值对的集合在JS中对象分为两种: JS的内建对象,如:string,Date,Array等你自己创建的对象 JS中如何创建自己的对象: 1 对象初始化器,这种方式最为简单暴力,直接一系列明显的键值对集合.…

js基础总结03 --操作数组

修改于 2019-11-10 1 length:长度 <script> var arr = [1,2,3,4,5,6,7,8]; console.log(arr.length);//arr.length = 8; arr.length = 5;//给定数组长度; console.log(arr);//arr = [1,2,3,4,5]; delete arr[2];//删除arr[2],数组长度不变; console.log(arr);//arr = [1, 2, empty, 4, 5];…

JS基础语法---对象总结

* 编程思想: * 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程 * 面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果 * * 面向对象的特性:封装,继承,多态,(抽象性) * * JS是一门什么样的语言? * 是一门解释性的语言 * 是一门脚本语言 * 是一门弱类型的语言 * 是一门基于对象的语言 * 是一门动态类型的语言 * * 对象:有属…

JS基础_函数作用域

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数作用域 * * - 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁 * * - 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的 * * - 在…

JS基础_全局作用域

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 作用域 * - 作用域指一个变量的作用的范围 * - 在JS中一共有两种作用域: * 1.全局作用域 * - 直接编写在script标签中的JS代码,都在全局作用域 * -…

JS基础_函数的简介

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数 function * - 函数也是一个对象 * - 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码) * - 函数中可以保存一些代码在需要的时候调用 *…

JS基础_数组简介

内建对象宿主对象自定义对象数组(Array) - 数组也是一个对象 - 它和我们普通的对象功能类似,也是用来存储一些值的 - 不同的是普通对象是使用字符串作为属性名的数组是使用数字来作为索引来操作元素 - 索引: 从0开始的整数就是索引 - 数组的存储性能比普通对象要好,在开发中我们经常使用数组来储存一些数据创建数组对象 var arr=new Array(); console.log(typeof arr);//object 向数组中添加元素语法:数组[索引]=值 arr[0]=1…

JS基础_基本数据类型和引用数据类型

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 基本数据类型 * String Number Boolean Null Undefined * * 引用数据类型 * Object * * JS中的变量都是保存到栈内存中的,…

JS基础_逻辑运算符

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中为我们提供了三种逻辑运算符 * ! 非 * - !可以用来对一个值进行非运算 * - 所谓非运算就是指对一个布尔值进行取反操作, * true变false,false变…

JS基础_数据类型-String类型

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * 数据类型指的就是字面量的类型 * 在JS中一共有六种数据类型 * String 字符串 * Number 数值 * Boolean 布尔值 * Null 空值 * Und…

JS基础_标识符

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 标识符 * - 在JS中所有的可以由我们自主命名的都可以称为是标识符 * - 例如:变量名.函数名.属性名都属于标识符 * - 命名一个标识符时需要遵守如下的规则: * 1.…

【JS基础】对象

delete 可以删除对象属性及变量 function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm delete obj.name; console.log(obj.name); //undefined 但也有一些情况不能成功删除: 1.不能delete掉使用var声明的变量…

【JS基础】DOM操作

appendChild() //向节点添加最后一个子节点 createElement() //创建元素节点 createTextNode() //创建文本节点,字符串值…

JS基础之属性操作注意事项

1.js中注意问题 font-size 改成fontSize padding-top 改成paddingTop 2.js动态添加Class class 改成className 3.oInp.type = 'checkbox';IE6,7,8不支持,可以使用display进行控制 <script>var oInp = document.getElementById('inp1'); oInp.onclick = function (){ oInp.type = 'checkbox'; /*…

JS(基础)_总结获取页面中元素和节点的方式

一.前言 1.元素和节点的区别 2.总结获取元素的方式 3.总结获取节点的方式二.主要内容 1.结点和元素的区别 (1)一些常见基本概念: 文档:document 元素:页面中所有的标签结点:页面中所有的内容包括(标签,属性,文本(文字,空格,换行,回车)) 根元素:html标签 (2)节点属性 nodeType:表示节的类型: 1-------表示是标签, 2-------属性, 3-------文本 nodeName:节点的名字: 标签------大写的标签名字, 属性-----小写的…

js基础-单体对象日期对象

Math对象全局对象日期对象 var t = new Date() t.toLocaleDateString(); t.getFullYear(); t.getMonth() + 1 t.getDate(); Math.ceil(2.34); 3 Math.floor(2.34) 2 Math.round(-3.45) 4舍5入 Math.random() // 0 - 1之间的随机数 * 10 0 -10 * 100 0-100 全局对象 window isN…

【JS基础_对象操作】的更多相关文章