Javascript基础
文章平均质量分 73
天地之大
保持学习的态度!
展开
-
Javascrip检测类型
基本数据类型:string、number、boolean、undefined可以利用 typeof 来检测引用类型:object 通常用 instanceof 来检测 是object Array 还是什么原创 2016-07-15 17:16:31 · 197 阅读 · 0 评论 -
cookie和session的区别:
cookie和session的区别:(1)cookie是http协议规定的,是服务器创建保存在浏览器的数据;大小不能超过4kb,数量不能超过20个。使用场景:保存用户名/浏览过的商品(2)session服务器机制,一次回话(用户发送请求到浏览器关闭)。保存在服务器端。登陆信息可以保存在session中。原创 2016-10-22 13:48:06 · 168 阅读 · 0 评论 -
javascript各种类型数据在表达式中转换成布尔型值的规则总结
http://blog.csdn.net/one_and_only4711/article/details/6281581转载 2016-09-22 13:31:11 · 279 阅读 · 0 评论 -
JS—数组深层复制
先说两种错误的复制:1. 直接= 赋值var response=[1,2,3];var t1=response;var t2=response;t1.push(4);console.log(t1.length); //4console.log(t2.length); //4console.log(response.length) //42.原创 2016-09-22 10:39:04 · 461 阅读 · 0 评论 -
表单序列化
https://rotate720deg.github.io/2016/09/29/%E8%A1%A8%E5%8D%95%E5%BA%8F%E5%88%97%E5%8C%96/转载 2016-10-10 17:45:59 · 219 阅读 · 0 评论 -
Javascript—实现fadeIn fadeout slide
#main1 {margin: 20px auto;width: 200px;background-color: #6c9;overflow: hidden;}淡出淡入滑入不错的样例function myFadeOut(){var main1=document.getElementById('main1');var i=100原创 2016-10-10 13:04:39 · 373 阅读 · 0 评论 -
Javascript—获取元素ele的位置(x,y)
function getPosition(e){var x,y=0;while(e!=null){ x += e.offsetLeft; y +=e.offsetTop; e=e.offsetParent;}return {x:x,y:y};}原创 2016-10-09 20:43:43 · 2652 阅读 · 0 评论 -
Javascript异步编程的4种方法
http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html转载 2016-09-06 17:12:54 · 148 阅读 · 0 评论 -
Javascript—产生颜色梯度
在网上找到的按照一定数量产生颜色梯度的js文件。具体见附件。原创 2016-08-26 13:39:18 · 671 阅读 · 0 评论 -
Javascript—substring/slice/substr
1.slice(start,end)第一个参数表示字符串开始的位置,第二个参数表示字符串结束的位置(不包括该位置上的字符);参数为负数时,用字符串长度加上该负数转为正数;如果第一个参数大于第二个参数,返回空字符串。2.substring(start,end)开始位置为start end中较小的那个,结束的位置(不包括该位置上的字符)为start end中较大的;start原创 2016-10-13 16:22:30 · 204 阅读 · 0 评论 -
Javascript—splice
1.数组创建方法var array=new Array();var array=new Array(3);var array=new Array(2,'ed','qw');var array=[];var array=[2,'er','fg','ed','qw'];2.slice(start,end)方法与String的slice()方法一样start表示截取数组的开始原创 2016-10-13 16:57:30 · 215 阅读 · 0 评论 -
Javascript深拷贝对象
js深拷贝和浅拷贝 转自:http://www.cnblogs.com/yichengbo/archive/2014/07/10/3835882.html一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。var a转载 2016-11-07 18:01:25 · 233 阅读 · 0 评论 -
DOM—动态添加table
//创建tablevar table = document.createElement("table");table.border = 1;table.width = "50%";//创建tbodyvar tbody = document.createElement("tbody");table.appendChild(tbody);//创建第一行tbody.ins转载 2016-07-21 20:22:16 · 221 阅读 · 0 评论 -
javascript—闭包
与其去从定义出发理解闭包,不如从应用出发理解。文章 http://dbear.iteye.com/blog/607595 非常好的解释了它的应用。1、模拟私有静态变量被定义在闭包函数中的变量,不会被外部改变,只能通过调用函数进行改变。2、事件绑定在编写网页时,我们经常需要为不同的element绑定相同的事件,比如三个按钮,都绑定一个执行alert操作的onclick事件原创 2016-07-20 11:13:02 · 153 阅读 · 0 评论 -
Javascript—XHR/AJAX/跨域
1. XHR 是XMLHttpRequest简写,是实现AJAX的一种方式。具体学习发展历程:http://www.cnblogs.com/gaojun/archive/2012/08/11/2633891.htmlW3C学习实例:http://www.w3school.com.cn/xml/xml_http.asp2.AJAX stands for Asynchronous Java原创 2016-10-11 13:07:53 · 888 阅读 · 0 评论 -
Javascript—事件流
事件流一、IE的事件流成为事件冒泡;与之相对的还有事件捕捉。二、事件绑定的三种方式1)html事件处理2)DOM0级事件var btn=document.getElementById('mybtn');btn.onclick=function(){}3)DOM2级事件非IE btn.addEventListener('click',funct原创 2016-10-15 19:50:35 · 187 阅读 · 0 评论 -
javascript—判断对象是不是Array
不正确:tmpArray instanceof Array正确: Object.prototype.toString.call(tmpArray)==='[object Array]'原因:http://www.nowamagic.net/librarys/veda/detail/1250原创 2016-09-29 13:35:17 · 174 阅读 · 0 评论 -
原生Ajax技术基础是XmlHttpRequest
原生Ajax技术基础是XmlHttpRequest(1)创建xhrvar xhr=new XmlHttpRequest()||new ActiveXObject('Microsoft.XMLHTTP');(2)xhr.open('GET','http://www.baidu.com/',true);参数1:什么方式请求 GET还是POST参数2:URL参数3:是否同步(原创 2016-10-25 15:33:00 · 265 阅读 · 0 评论 -
实现一个自定义的下拉框(select)如何实现
#result{width:152px;}#showDiv{display: none;border:1px solid black;width:150px;}#showDiv ul{padding-top:0px;padding-left:0px;}#showDiv ul li{list-style: none;margin-top:0px;margin-left: 0p原创 2016-10-25 15:02:12 · 1441 阅读 · 0 评论 -
Javascript—var操作符
使用var操作符定义的变量将成为该变量的作用域中的局部变量。如果在函数中使用var 定义一个变量,那么这个变量在函数退出后就会被销毁;省略var操作符,会创建一个全局变量;var a=b=4; ----> var a=b;b=4;所以, (function(){var a=b=5;})();console.log(b);原创 2016-08-24 19:15:11 · 257 阅读 · 0 评论 -
Javascript—正则表达式
1. 新建Javascript 正则表达式有两种方式:(1)一种是使用字面量,以斜杠表示开始和结束。var regex = /xyz/(2)另一种是使用RegExp构造函数。var regex=new RegExp('xyz');上面两种写法是等价的,都是新建了一个内容为xyz的正则表达式。他们的主要区别是:第一种方法在编译时新建正则表达式,第二种方法在运行时新建正则表达式。他原创 2016-08-24 17:16:54 · 155 阅读 · 0 评论 -
Javascript—产生随机数
在使用Math.random() 函数的时候,可以产生一个介于0和1之间,不包括0和1的一个随机数。可以使用下面的公式产生随机数哦:值 = Math.floor( Math.random() * 可能值的总数 + 第一个可能的值 ) 这样就可以了。原创 2016-09-02 10:45:59 · 212 阅读 · 0 评论 -
DOM操作—动态脚本
因为IE将视为一个特殊的元素,不允许DOM访问其子节点。所以要用text属性来指定javascript代码,下面是兼容IE浏览器的一种动态脚本函数: function loadScriptString(code){ var script = document.createElement("script"); script.type="text/javascript"; tr原创 2016-07-21 18:47:11 · 177 阅读 · 0 评论 -
DOM—事件绑定
DOM提供三种方法,可以用来为事件绑定监听函数:HTML 点击事件:HTML语言允许在元素标签的属性中,直接定义某些事件的监听代码。以“on"开头,如:DOM 0级事件:元素节点有事件属性,可以定义监听函数。如: var btn = document.getElementById("myBtn");btn.onclick = function(){alert("Clicke原创 2016-07-31 20:58:28 · 164 阅读 · 0 评论 -
Javascript—类和继承
1、在Javascript中实现类,使用最广泛、认同度最高的是 构造函数+原型 构造函数:定义实例属性原型:定义方法和共享的属性function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.friends = ["Lucy","Lily"];}Per原创 2016-07-18 18:51:01 · 187 阅读 · 0 评论 -
Javascript—String类型
1、字符方法 chartAt() 和 charCodeAt()var stringValue="hello world";alert(stringValue.charAt(1));// "e"alert(stringValue.charCodeAt(1));// "101"2、字符操作方法 concat() 更多的时候 用 + 号 var stringValu原创 2016-07-18 08:34:53 · 291 阅读 · 0 评论 -
Javascript中函数和作用域
函数不存在重载,如果两个函数的名字相同,即使参数个数不同,那么这个函数名称只属于后定义的函数。 function test(a){ alert("This is a function,"+a); } function test() { alert("这是一个函数"); } te原创 2016-07-15 14:28:02 · 210 阅读 · 0 评论 -
Javascript—Array
1. 检测数组最好用if(Array.isArray(value)){}2. 栈方法 push() 和 pop()push() 向数组的最后添加数据pop() 从数组中最后拿数据3. 队列方法 push() 和shift()push() 向数组的最后添加shift() 从数组最前面拿数据unshift() 向数组的最前面添加数据4. 重排序 sort()原创 2016-07-15 19:23:19 · 166 阅读 · 0 评论 -
Javascript数据类型
Javascript包括5种基本数据类型和Object类:1)Undefined 使用了var声明变量但是没有对其进行初始化;2)Null 表示一个空的对象指针,使用typeof 操作符检测null值会返回“object”3)Boolean4)NumberNumber包括整数、浮点数以及NaN. NaN是一个特殊的数值,这个数值表示本来要返回数值的操作数未返回数值的情况原创 2016-07-14 20:01:42 · 167 阅读 · 0 评论 -
Javascript中===和==的不同
=== 只在两个操作数没有经过转换就相等的情况下返回true;类型不同,直接返回false== 先转化再比较是否相等原创 2016-07-15 14:26:52 · 184 阅读 · 0 评论 -
DOM—动态样式
兼容IE的动态样式:function loadStyleString(css){ var style = document.createElement("style"); style.type = "text/css"; try{ style.appendChild(document.createTex原创 2016-07-21 18:54:43 · 216 阅读 · 0 评论 -
Javascript—Json
1. JSON 格式JSON格式是一种用于数据交换的文本格式,简单说,JSON格式就是一种表示一系列的“值”的方法,这些值包含在数组或对象中,是他们的成员。对于这一系列的“值”,规定:(1)数组或对象的每个成员的值,可以是简单值,也可以是复合值。 简单值分为4种:字符串、数值(必须以十进制表示)、布尔值和null(NaN,Infinity,-Infinity原创 2016-08-27 10:47:34 · 434 阅读 · 0 评论 -
Javascript—事件冒泡和事件捕获
事件冒泡和事件捕获的区别在于,事件执行的顺行不同。例如 id="div2"> 两个Div,他们的onclick事件,如果是事件冒泡,那么先执行最里面div2的点击事件,然后再执行div1的点击事件;如果是事件捕获,那么先执行div1的点击事件,然后再执行div2的点击事件。详细讲解可见:http://www.360doc.com/原创 2016-09-01 15:08:49 · 161 阅读 · 0 评论 -
Javascript—history
window.history 对象在编写时可以不使用window这个前缀,为了保护用户隐私,对Javascript访问该对象的方法作出了隐私,它的方法有:history.back() 与浏览器点击后退按钮相同history.forward() 与浏览器点击前进按钮相同。原创 2016-08-30 17:44:46 · 175 阅读 · 0 评论 -
Javascript—location
1. location对象:window.location 对象用于获得当前页面的地址(URL),并把浏览器重新定向到新的页面2. location对象的属性: location.hostname 返回web主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回原创 2016-08-30 17:24:07 · 254 阅读 · 0 评论 -
Javascript—事件委托
EventUtils解决浏览器问题以及事件委托。原创 2016-08-29 17:41:53 · 299 阅读 · 0 评论 -
Javascript—有效变量名称
A. _$te$t2B. withC. a bcD. 2aJavascript变量名称 以一个字符必须是一个字母/下划线(_)或一个美元符号($);其他字符可以是字母/下划线/美元符号/数字原创 2016-08-29 19:04:55 · 1260 阅读 · 0 评论 -
IE兼容性
在使用IE中,有两点注意:(1)在IE的DOM0级事件中,事件处理程序会在其所属元素的作用域内运行;而是用attachEvent()方法的情况下,事件处理程序会在全局作用域中运行,因此,this 等于 window。var btn = document.getElementById("btn");btn.atachEvent("onclick",function(){ ale原创 2016-08-29 16:50:30 · 309 阅读 · 0 评论 -
Javascript—字符串和数字运算
console.log(1+"2"+"2");console.log(1++"2"+"2");console.log("A"-"B"+"2");console.log("A"-"B"+2);1. console.log(1+"2"+"2");做加法时要注意双引号,当使用双引号时,Javascript会认为是字符串,字符串相加等于字符串合并。这里是1222. con原创 2016-08-29 13:56:14 · 1789 阅读 · 0 评论 -
Javacript—正则表达式匹配规则
匹配规则1. 字面量字符和元字符大部分字符在正则表达式中,就是字面的含义,比如/a/ 匹配,/b/匹配b。如果在正则表达式中,某个字符只表示它字面的含义,那么它们就叫做“字面量字符”(literal characters) 。除了字面量字符以外,还有一部分字符有特殊含义,不代表字面的意思,他们叫做“元字符”(metacharacters)。元字符有:(1)点字符(.) 匹配除了回车(\原创 2016-08-27 18:52:37 · 429 阅读 · 0 评论