Fork me on GitHub
代码改变世界

随笔分类 -  Javascript

Javascript的GET、POST请求

2016-01-09 13:47 by autrol, 25883 阅读, 收藏, 编辑
摘要: POST、GET传输数据大小限制HTTP协议规范没有对URL长度进行限制,也没有限制消息主体的大小,所以从理论上讲,GET、POST是没有大小限制的。那又为什么在使用过程中会有大小限制呢??GET方式数据长度限制:服务器做了GET提交数据大小的限制由于GET方式发送数据是拼接在URL,GET提交时,... 阅读全文

主页面、iframe之间调用以及传值

2016-01-09 12:02 by autrol, 4509 阅读, 收藏, 编辑
摘要: 主页面、iframe之间的调用和传值,无非就是两个交互形式:主页面与子页面的交互子页面之间的交互接下来要讲的是四种交互传值的方式:利用postMessage方法传值、DOM操作传值、URL方式传值、利用全局属性传值利用postMessage方法传值这种方式非常像事件绑定、监听。postMessage... 阅读全文

JS的URL编码

2015-11-15 15:30 by autrol, 516 阅读, 收藏, 编辑
摘要: 背景URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号,这是网络标准:只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字(;/?:@&=),才可以不经过编码直接用于URL。这意味着,如果URL中有特殊字符,就必须编码后使... 阅读全文

元素的各种宽高

2015-10-25 18:09 by autrol, 552 阅读, 收藏, 编辑
摘要: 知道元素的各种宽高非常重要,下面举一个例子说明含义: 效果:虽然test.scrollHeight的值在不同浏览器中不同,但是计算的方法还是"内容高度 + padding";因为在Chrome浏览器下,padding-bottom被渲染出来,所以结果是220。下面我们对一些特殊的宽高值进行介绍... 阅读全文

JS错误捕获

2015-10-20 10:25 by autrol, 486 阅读, 收藏, 编辑
摘要: try/catch/finally错误捕获try { //一旦try中出现错误,直接跳到执行catch的内容,执行完catch的内容,代码继续执行 throw new Error('错误'); //发生错误 console.log("此条语句未被执行");} catch(e) ... 阅读全文

input/select/textarea标签的readonly效果实现

2015-10-11 23:54 by autrol, 3837 阅读, 收藏, 编辑
摘要: 首先说一下readonly属性的应用场景表单中,不能编辑对应的文本,但是仍然可以聚焦焦点在提交表单的时候,该输入项会作为form的一项提交(目的)这里要说一下disabled和readonly的不同,如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和... 阅读全文

JS对象之间的关系

2015-09-12 15:34 by autrol, 528 阅读, 收藏, 编辑
摘要: JS对象类型JS中,可以将对象分为"内部对象"、"宿主对象"和"自定义对象"三种。1、本地对象ECMA-262定义为"独立于宿主环境的JS实现提供的对象"。简单来说,本地对象就是JS定义的类(引用类型)。它们包括:Object/Function/Array/String/Boolean/Number... 阅读全文

JS函数创建的具体过程

2015-09-12 13:32 by autrol, 740 阅读, 收藏, 编辑
摘要: JS函数创建的过程:1、新建Object对象F,类型设置为Function2、设置F.__proto__ = Function.prototype3、设置F.constructor = Function4、新建Object对象temp(也就是后来的F.prototype),使temp.constuc... 阅读全文

new操作符做了什么??

2015-09-08 16:06 by autrol, 567 阅读, 收藏, 编辑
摘要: 在javascript中,new操作符随处可见,我讲一下我自己对new操作符的理解。。。构造函数无返回值//测试代码function Foo(name) { var age = 20; this.name = name;}Foo.prototype.getName = function(... 阅读全文

高级选择器querySelector和querySelectorAll

2015-09-07 14:06 by autrol, 3833 阅读, 收藏, 编辑
摘要: Javascript新提供的querySelector和querySelectorAll方法,是仿照CSS选择器功能编写的querySelector功能:该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素,如例: ... 阅读全文

HTML页面刷新、跳转

2015-08-30 13:29 by autrol, 1823 阅读, 收藏, 编辑
摘要: HTML方式1、页面刷新2、页面跳转qunarJS方式1、页面刷新:history.go(0)location.reload()location.href = location.hreflocation.assign(location) //加载页面本身为新文档document.execComm... 阅读全文