JS中的面相对象

1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式: var student = new Object(); student.name = "easy"; student.age = "20"; 这样,一个student对象就创建完毕,拥有2个属性name以及age,分别赋值为"easy"和20. 如果你嫌这种方法有一种封装性不良的感觉.来一个对象字面量方式创建对象. var sutdent = { name : "e…

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的元素:3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上…

js中两个对象的比较

代码取自于underscore.js 1.8.3的isEqual函数. 做了一些小小的修改,主要是Function的比较修改. 自己也加了一些代码解读. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js中两个对象的比较</title> <script> /* 需求难点描述: 数组和对象,都…

MVC中处理Json和JS中处理Json对象

MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. 方法一 MVC中: public JsonResult Test() { JsonResult json = new JsonResult{ Data = new{ Name = "zzl", Sex = "male&q…

js中的json对象详细介绍

JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束…

JavaScript -- 时光流逝（五）：js中的 Date 对象的方法

JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/javascript"> document.write('Date()方法:<br/>'); document.write(Date()); // 返回当日的日期和时间. document.write('<br/><br/>'); var d1=new Da…

JavaScript -- 时光流逝（四）：js中的 Math 对象的属性和方法

JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 :返回 2 的自然对数(约等于0.693). (3) LN10 :返回 10 的自然对数(约等于2.302). (4) LOG2E :返回以 2 为底的 e 的对数(约等于 1.443). (5) LOG10E :返回以 10 为底的 e 的对数(约等于0.434). (6) PI :返回圆周率(…

JavaScript -- 时光流逝（三）：js中的 String 对象的方法

JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javascript"> var txt1="Hello world!" document.write(txt1.anchor("mytxt1")) </script> (2) big(): 用大号字体显示字符串. <script type=&qu…

js中给json对象添加属性和json数组添加元素

js中给json对象添加新的属性比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ "name":“wqc”, "age":22, "number":22 } obj.class=201; 新的属性添加以后,json对象变成: var jsonObj={ "name":“wqc”, "age":…

js中关于Blob对象的介绍与使用

js中关于Blob对象的介绍与使用 blob对象介绍一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据. 创建blob对象创建blob对象本质上和创建一个其他对象的方式是一样的,都是使用Blob() 的构造函数来进行创建. 构造函数接受两个参数: 第一个参数为一个数据序列,可以是任意格式的值. 第二个参数是一个包含两个属性的对象{ type:…

js中如何访问对象和数组

js中如何访问对象和数组一.总结一句话总结:js访问对象点和中括号,访问数组的话就是中括号对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和方法 1.对象名.属性名对象名.方法名() 2.对象名["属性名"] 对象名["方法名"]() 2.js访问数组的方式? [] 用中括号 [] 通过指定数组名以及索引号码,你可以访问某个特定的元素. 下面是代码行: document.write(mycars[0])…

js中的DOM对象和 jQuery对象比较

一,二者的区别通过 jQuery 获取的元素是一个数组,数组中包含着原生JS中的DOM对象. 总结:jQuery 就是把 DOM 对象重新包装了一下,让其具有了 jQuery 方法. 二,二者的相互转换 1. DOM 对象转为 jQuery对象: $(js对象); 2.jQuery对象转为 DOM 对象: jquery对象[index]; //方式1(推荐) jquery对象.get(index); //方式2 jQuery对象转换成了 DOM 对象之后,可以直接调用 DOM 提供的一些功…

js中的DOM对象和jQuery对象的比较

1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box"></div> <div class="box"></div> <div class="box"></div> 通过原生JS获取这些元素节点的方式是: <script type="text/java…

JS中的this对象详解

JS中this关键字很常见,但是它似乎变幻莫测,让人抓狂.这篇文章就来揭示其中的奥秘. 借助阮一峰老师的话:它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.这句话看似平常,可是要非常注意三个字:“运行时”,这说明this关键字只与函数的执行环境有关,而与声明环境没有关系.也就是这个this到底代表的是什么对象要等到函数运行时才知道,有点类似函数定义时的参数列表只在函数调用时才传入真正的对象.理解了这一点对后面this关键字规律的掌握有很大帮助. this关键字虽然会根据环境变化,但…

js中的包装对象。

我们都知道在js中普通类型的变量是没有属性和方法的,然后有时却并不是这样. var str = "努力,奋斗"; console.log(str.length); var num = 10; console.log(typeof num.toString()); //string 为什么会这样?因为一旦我们在普通类型的变量中使用了属性或者方法,js就会自动new一个对应的对象. var str = "努力,奋斗"; console.log(str = new Str…

JS 学习笔记--JS中的事件对象基础

事件:JavaScript中的事件是由访问web页面用户的一系列操作引起的,比如点击鼠标,键盘按键等.当用户执行某些操作的时候再去执行一些代码. 事件模型:内联模型.脚本模型.DOM2模型内联模型:事件处理函数是html元素的一个属性,即把事件处理函数代码写在html文件中 //在HTML中把事件处理函数作为属性来执行JS代码 <div id="d1" onclick="alert('事件函数')">测试DIV</div> //注意其中的单…

JS中的Function对象

Function是函数的原型,所有的函数都来源于Function,获得函数的方法有两种类型,分为动态函数和函数继承. 动态函数创建一个Function语法: var func = new Function(arg1, arg2, ..., argN, 函数体); var str = "var x = 5; for(var i = 0; i < 10; i++) { alert(x+i); }"; var func = new Function(str); 调用:func();…

JS中window.document对象

小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中文本框取出来的值是字符串,需要用parseint()转化为数字 Window.document对象一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById("id"…

JS中的事件&对象

一.JS中的事件 (一)JS中的事件分类 1.鼠标事件 click/dblclick/onmouseover/onmouseout 2.HTML事件 onload/onscroll/onsubmit/onchange/onfocus 3.键盘事件 keydown: 键盘按下时触发 keypress:键盘按下并松开的瞬间触发 keyup: 键盘抬起时触发 [注意事项] ① 执行顺序:keydown->keypress->keyup ② 当长按时,会循环执行keydown->k…

JS中如何进行对象的深拷贝

在JS中,一般的=号传递的都是对象/数组的引用,并没有真正地拷贝一个对象,那如何进行对象的深度拷贝呢?如果你对此也有疑问,这篇文章或许能够帮助到你一.对象引用.浅层拷贝与深层拷贝的区别 js的对象引用传递理解起来很简单,参考如下代码: var a = {name:'wanger'} var b = a ; a===b // true b.name = 'zhangsan' a.name //'zhangan' 上述代码中,使用了=进行赋值,于是b指向了a所指向的栈的对象,也就是a与b指向了同一…

js中获取事件对象的方法小结

原文地址:http://jingyan.baidu.com/article/d8072ac4594d6cec95cefdac.html 事件对象的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的.所以一行代码就可以搞定代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式.…

js中闭包和对象相关知识点

学习js时候,读到几篇不错的博客.http://www.cnblogs.com/yexiaochai/p/3802681.html一,作用域和C.C++.Java 等常见语言不同,JavaScript 的作用域不是以花括号包围的块级作用域(block scope),这个特性经常被大多数人忽视,因而导致莫名其妙的错误.例如下面代码,在大多数类C 的语言中会出现变量未定义的错误,而在JavaScript 中却完全合法: if(true) { var somevar = 'value'; } con…

js中，清空对象（删除对象的属性）

在项目中,有些对象用完后需要重置,下面简单介绍下JS中清除对象的方法.方法如下: 方法一:字面量定义对象第一步,定义一个空对象并打印出来,代码和效果: 代码: var student = {};console.log(student); 打印结果: 第二步,为对象添加属性并打印,代码和打印结果如下: 代码: student.name = "xiaoming";student.age = 12;console.log(student); 打印结果: 第三步,删除对象属性(清空对象)并打…

JS中实现JSON对象和JSON字符串之间的相互转换

对于主流的浏览器(比如:firefox,chrome,opera,safari,ie8+),浏览器自己提供了JSON对象,其中的parse和stringify方法实现了JSON对象和JSON字符串之间的相互转换,例如: // JSON对象转JSON字符串,输出:"{\"name\":\"zhangsan\",\"age\":10,\"birthday\":\"2017-08-15T07:09:48.724Z…

js中常用的对象—String的属性和方法

今天说一下,js中常用的内置对象——String对象它有以下几个常用的属性:lengthprototype 有以下几个常用的方法:parseInt()转换为数字parseFloat()转换为数字,支持更大的数字,支持小数charAt() 返回在指定位置的字符charCodeAt() 返回在指定的位置的字符的 Unicode 编码concat()连接字符串indexOf()返回某个指定的字符串值在字符串中首次出现的位置lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字…

js中常用的对象—Array的属性和方法

今天说一下,js中常用的内置对象——Array对象 Array常用属性: length prototype :给系统对象添加属性和方法 Array常用方法: Array.prototype.sum = function(){for(i=0;i<this.length;i++){}}方法concat() 连接两个或更多的数组,并返回结果join() 把数组的所有元素放入一个字符串.元素通过指定的分隔符进行分隔pop() 删除并返回数组的最后一个元素push() 向数组的末尾添加一个或更多元素,并返…

JS中的Boolean对象

使用new操作符和Boolean(value)构造函数时,得到的并不是原始的true或false,而是一个对象,JS将对象视为真(true) var oBooleanTrue = new Boolean(true); var oBooleanFalse = new Boolean(false); console.log(oBooleanTrue); console.log(typeof oBooleanTrue); if(oBooleanFalse){ console.log("I an ser…