![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【javascript深入研究】
yanhui_wei
这个作者很懒,什么都没留下…
展开
-
【javascript】javascript中父页面与子页面互传值
之前还真没做过类似的东西,,top页面获取子页面的document。。在百度搜了下即找到这个东东,还好,能用。主要就是使用 contentWindow方法,获取子页面的所有document,再做处理。通过js从父页面获取子页面的值通常在很多情况下都会遇到通过js来传值的问题,只要通过一些页面关联,他们的值就可以互相传递,其中应用框架的时候传值问题可能会遇到更多一些转载 2012-12-01 10:33:11 · 1575 阅读 · 0 评论 -
【javascript】javascript中JSON.parse()与eval()区别
JSON(JavaScript Object Notation)是一种轻量级的数据格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是Javascript原生格式,这意味着在javascript中处理JSON数据不需要任何特殊的API或工具包,而且效率非常高。 基本格式: varjsonData='{"data1":"Hello,","data2":"world!原创 2014-04-03 14:03:40 · 6391 阅读 · 0 评论 -
【javascript】javascript中iframe的JS方法,用法!contentWindow 、parent、top、onload(热推)
一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用:contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下) 1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素例子:var ifr = document.getElementById("iframe");ifr.c原创 2014-04-03 14:47:49 · 1855 阅读 · 0 评论 -
【javascript】JavaScript的函数和对象的对象化能力(推荐)
JavaScript里面只有object和function具有对象化的能力。函数的对象化的能力任何一个函数都可以动态的添加或去除属性,这些属性可以是简单类型,可以是对象,也可以是其它对象函数(说来说去,就是要表达函数就是对象的一种,可以把它当作对象)。function a(){alert(a.pa+" "+a.pb);}a.pa="aaa";//添加属性aa.pb="原创 2014-04-03 14:06:23 · 880 阅读 · 0 评论 -
【javascript】javascript中的JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则原创 2014-04-03 14:30:21 · 1093 阅读 · 0 评论 -
【javascript】javascript中的this
其它一些编程语言如C++、Java等,其中的this值得是对象自己,但是JavaScript则不是,可能是自己也可能是其它。当函数被直接调用时this指向全局对象window;当函数被当作一个函数方法调用(即通过“.”或者“[]”来调用时),this指向调用该方法的对象。可以使用call和apply强制改变this。例:function a(原创 2014-04-03 14:14:52 · 717 阅读 · 0 评论 -
【javascript】javascript中this关键字的用法(推荐)
this是JavaScript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。一、纯粹的函数调用这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。function test(){ this.x = 1; a原创 2014-04-03 14:24:08 · 656 阅读 · 0 评论 -
【javascript】javascript中this的用法
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。原创 2014-04-10 10:47:28 · 812 阅读 · 0 评论 -
【javascript】学习Javascript闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全转载 2014-04-10 11:14:16 · 822 阅读 · 0 评论 -
【javascript】用Javascript获取页面元素的位置
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先,要明确两个基本概念。一张网页的全部面积,就是它的大小。通常情况下,网页的大小由内容和CSS样式表决定。浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口)。转载 2014-04-10 11:21:30 · 996 阅读 · 0 评论 -
【javascript】javascript中this用法整理(推荐)
常用Javascript的人都知道,[this這個關鍵字在一個函式內究竟指向誰]的這個問題很令人頭大,本人在這裡整理了一下Javascript中this的指向的五種不同情況,其中前三種屬於基本的情況,而後兩種情況可基於前三種情況的方式來進行思考。1.this指向於調用該函式之物件如果你有學過C/C++,你可能會記得一個物件內的成員函式裡的this指的即是該成員函式所在之物件,但在J原创 2014-04-10 10:37:55 · 963 阅读 · 0 评论 -
【javascript】Javascript 面向对象编程(一):封装
学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:《面向对象的Javascript》(Object-Oriented JavaScript)《Javascr转载 2014-04-10 11:08:59 · 968 阅读 · 0 评论 -
【javascript】Javascript定义类(class)的三种方法
将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告。如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码,早就司空见惯。2010年,一个工程师透露,Gmail的代码长度是4430原创 2014-04-10 11:03:55 · 793 阅读 · 0 评论 -
【javascript】Javascript面向对象编程(二):构造函数的继承
这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数。 function Cat(n转载 2014-04-10 11:10:04 · 840 阅读 · 0 评论 -
【javascript】12种不宜使用的Javascript语法
在Javascript中定义一个函数,有两种写法: function foo() { }和 var foo = function () { }两种写法完全等价。但是在解析的时候,前一种写法会被解析器自动提升到代码的头部,因此违背了函数应该先定义后使用的要求,所以建议定义函数时,全部采用后一种写法。10. 基本数据类型的包装对象Javascript转载 2014-04-10 11:27:29 · 911 阅读 · 0 评论 -
【javascript】Javascript面向对象编程(三):非构造函数的继承
这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = { nation:'中国' };还有一个对象,叫做"医生"。 var Doctor ={转载 2014-04-10 11:10:54 · 829 阅读 · 0 评论 -
【javascript】iframe父子兄弟之间调用传值(contentWindow && parent) (推荐)
iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe; iframe页面调用主页面; 主页面的包含的iframe之间相互调用; 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWind原创 2014-04-03 16:16:38 · 4777 阅读 · 0 评论 -
【javascript】javascript中的JSON对象
JSON 对象JavaScriptJSON 对象 (JavaScript)一个提供用于在 JavaScript 值和 JavaScript 对象表示法 (JSON) 格式之间来回转换的函数的内部对象。 JSON.stringify 函数可将 JavaScript 值序列化为 JSON 文本。 JSON.parse 函数可反序列化 JS原创 2014-04-03 13:51:15 · 989 阅读 · 0 评论 -
【javascript】javascript中的JSON.stringify函数的理解
JSON.stringify 函数JavaScriptJSON.stringify 函数 (JavaScript)将 JavaScript 值转换为 JavaScript 对象表示法 (Json) 字符串。JSON.stringify(value [, replacer] [, space])参数原创 2014-04-03 13:43:53 · 3256 阅读 · 0 评论 -
【javascript】javascript中this关键字的理解
this关键字 每一个方法或函数都会有一个this对象,this对象是方法(或函数)在执行时的那个环境,也可以说是这个函数在那个作用域下运行的。 说的更通俗一点:this就相当于咱们平时说话时候说的“我”,“我家”的概念。就是说当一个方法在运行的时候,它是属于谁的。它在运行的时候它的家是谁家。 this的概念比较抽象,是讲课的时候的难点也是重点。 关于this的具体表示那个对象原创 2014-03-28 13:58:48 · 713 阅读 · 0 评论 -
【javascript】javascript对象中的this
最近看到一句话说,js中的对象其实就是一些hash映射。简单说就是名值对,只不过这些名字对同用一个上下文(context)this。 Js代码 var obj = { fun1 : function(){ }, fun2 : function(){ //在使用fun1时,像使用自己的变量一样原创 2014-03-28 14:00:59 · 561 阅读 · 0 评论 -
【javascript】javascript中隐含对象arguments的使用
基础介绍 js进行函数调用时,除了指定的参数外,还创建一个隐含的对象——arguments。 一、arguments可以用arguments[index]这样的语法取值,拥有长度属性length。arguments对象存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表,例如: Js代码 function func(a,b){ ale原创 2014-03-28 14:05:26 · 1042 阅读 · 0 评论 -
【javascript】javascript中的闭包
zccst整理 总结: 1,闭包是什么 闭包 2,闭包好处: (1)希望一个变量长期驻扎在内存中。 (2)避免全局变量的污染。 (3)私有成员的存在 3,怎么用 模块化代码 例子 在循环中直接找到对应元素的索引 例子 4,可能存在的问题 内存泄露。外部变量与内部变量互相引用。导致内存越来越大。 解决办法: 1,及时原创 2014-03-28 15:01:31 · 614 阅读 · 0 评论 -
【javascript】javascript中for...in...遍历关联数组
作者:zccst 使用方式: var arr = []; arr['key1'] = value1; arr['key2'] = value2; 通常的数组在填充时会隐式或者显示指定数组下标,但JS中数组可以以名字的形式为元素赋值,这就形成了关联数组,如: var arr=new Array(); arr["china"]原创 2014-03-28 15:09:29 · 5636 阅读 · 0 评论 -
【javascript】javascript中call及apply函数作用:主要实现将函数绑定到另外一个对象上去运行
call和apply,它们的作用都是将函数绑定到另外一个对象上去运行 两者的格式和参数定义: call( thisArg [,arg1,arg2,… ] ); // 参数列表,arg1,arg2,... apply(thisArg [,argArray] ); // 参数数组,argArray 上面两个函数内部的this指针,都会被赋值为原创 2014-03-28 16:31:51 · 725 阅读 · 0 评论 -
【js与jquery】javascript中的this关键字的理解
JavaScript有this关键字,this跟JavaScript的执行上下文密切相关,很多前端开发工程师至今对this关键字还是模棱两可,本文将结合代码讲解下JavaScript的this关键字。this和对象的关系首先来看下面的代码:1var person = {2 name:'转载 2012-12-01 11:00:34 · 994 阅读 · 0 评论 -
【js】javascript中url编码与解码
本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码、为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape,encodeURI / decodeURI和 encodeURIComponent / decodeURIComponent。预备知识foo://example.com:8042转载 2012-12-01 10:45:16 · 4054 阅读 · 0 评论 -
【javascript】任何函数,只要通过new操作符来调用,那他就可以作为构造函数
作者:zccst 思路:工厂模式-->构造函数-->原型模式 一、工厂方法 Js代码 createPerson(name ,sex, age){ var o = new object(); o.name = name; o.sex = sex; o.age = age; o.sa原创 2014-03-28 14:26:35 · 1075 阅读 · 0 评论 -
【javascript】javascript面向对象(妙味版)
zccst笔记 一、面向对象初步 工厂方法 Js代码 function createPerson(name,sex){ //1 var p = new Object; //2 p.name = name; p.sex = sex; p.showName = function(){alert(this原创 2014-03-28 14:37:13 · 957 阅读 · 0 评论 -
【javascript】高级js--(面向对象js,arguments,闭包,自调)
i 3; i++){ a[i] = function(){//a[i]是一个闭包 return i;} } return a; } var fun = f(); a原创 2014-03-31 14:24:26 · 1286 阅读 · 0 评论 -
【javascript】悟透javascript(理解js面向对象的好文章)
引子 编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在原创 2014-03-31 14:19:25 · 810 阅读 · 0 评论 -
【javascript】javascript之面向对象高级特性
1.创建对象的三种方式:l第一种构造法:new Objectvar a = new Object();a.x = 1, a.y = 2;l第二种构造法:对象直接量var b = { x : 1, y : 2 };l第三种构造法:定义类型function Point(x, y){原创 2014-03-31 14:21:55 · 579 阅读 · 0 评论 -
【javascript】浅谈javascript中的对象和类型
JavaScript是一种不同于任何强类型程序设计语言的脚本语言,这决定了它对于许多强类型语言的程序员来说有很多莫名其妙、难以理解的地方,本文是本人对JavaScript的一些实践总结出来的简单易懂的结论(至少对我来说是这样)。我一直笃信任何语言的设计者都不至于脑子短路设计出连他自己都记不清楚的规则,所以很显然,JavaScript很多特性,例如this,看起来无比复杂,事实上不过是没有抽象理解的原创 2014-03-31 13:37:01 · 528 阅读 · 0 评论 -
【javascript】javascript中JSON.parse函数的理解
JSON.parse 函数JavaScriptJSON.parse 函数 (JavaScript)将 JavaScript 对象表示法 (JSON) 字符串转换为对象。JSON.parse(text [, reviver])参数text必需。 一个有效的 JSON 字符串。r原创 2014-04-03 13:41:56 · 2034 阅读 · 0 评论 -
【javascript】php对json格式数据处理的总结
1.json简介:何为json? 简 单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序. 通俗点讲,它是一种数据的存储格式,就像php序列化后的字符串一样。 它也是一种数据描述,比如:我们将一个数组原创 2012-08-31 17:13:17 · 15968 阅读 · 0 评论