随笔分类 - 【Javascript Study】
Javascript Study
摘要：本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。 1 Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：12var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.valueOf(); 输出：apple,peaches,oranges,man
阅读全文
摘要：最近逛别人博客的时候发现了这个东西，发现对自己梳理javascript语言的基础知识点很有帮助，平时也可以用来做手册查查，挺赞，挺不错的，所以给大家分享一下了（转载自王子墨 、前端攻城师：http://julying.com/blog/the-features-of-javascript-language-summary-maps/）温故而知新———— 最近温习了一遍Javascript 语言，故把一些基础、概念性的东西分享一下。(下面内容大都为条目、索引，是对知识点的概括，帮助梳理知识点，具体内容需要查阅资料)JavaScript 数组JavaScript 函数基础Javascript ..
阅读全文
摘要：querySelector和getElementById通过id获取元素的区别 两个函数bySelector，byId分别通过querySelector和getElementById获取元素. 页面上有id为“02E503E2A1C011CFC85B7B701A0677EC0900000000000001”的元素。 结果：所有支持querySelector的浏览器中通过bySelector均获取不到（报错），但通过getElementById却可以获取。 开始怀疑是id的字符串太长的原因导致querySelector获取不到。真正原因却是querySelector按css规范实现，即c...
阅读全文
摘要：Javascript一共有四种调用模式：方法调用模式、函数调用模式、构造器调用模式以及apply调用模式。调用模式不同，对应的隐藏参数this值也会不同。 函数作为对象的属性时，称为方法。此时函数（即方法）中的this对应是该对象。var myObject = { value:3, func:function(){ alert(this.value); } };myObject.func(); //3 也可以写成如下格式：var myObject = { value:3};myObject.func = function() { alert(this.value...
阅读全文
摘要：原文出处： rainman 的博客什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/
阅读全文
摘要：今天看到javascript对象name : name,这样的表示方法,突然发现跟PHP的对象不一样,public、protected、private、 static、 const 所以今天又学了一招.方便学习js类的朋友，让你快速的掌握js类的定义方法，方法有很多种，结果都一样。大家可以根据自己的爱好选用。贴个代码先:function O(user,pwd){ //use constructorthis.user=user;this.pwd=pwd;this.get=get;return this;}function O2(user,pwd){ //use factoryvar obj=ne
阅读全文
摘要：激活 input 域的 select 事件trigger() 方法触发被选元素的指定事件类型。$(selector).trigger(eventObj)用于的地方是 订单列表时更改地址,之后的新增地址(传递一个参数之后)来判断,绑定的click事件
阅读全文
摘要：$('.brand_t a').bind('click',function(){ if($(this).attr('title1')){ var toChar = $(this).attr('title1'); }else{ var toChar = $(this).attr('title'); } //取得元素并滑动到当前元素 var t_a = $(".brand_m_t[name='" + toChar+ "']").offset(); $("
阅读全文
摘要：offsetTop 指元素距离上方或上层控件的位置，整型，单位像素。offsetLeft 指元素距离左方或上层控件的位置，整型，单位像素。offsetWidth 指元素控件自身的宽度，整型，单位像素。offsetHeight 指元素控件自身的高度，整型，单位像素。网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document
阅读全文
摘要：我想使用过ajax的都常见这样的代码：here但这儿的void(0)究竟是何含义呢？Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下：1. javascript:void (expression)2. javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本 Navigator 3.0 )你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。下面的代码创建了一个超级链
阅读全文
摘要：typeof 是运算符，注意不是函数，是运算符，其作用，是考察变量究竟是什么类型。或曰，是变量是否定义或是否初始化的照妖镜。返回值是字符串。undefined 表示一个对象没有被定义或者没有被初始化。null表示一个尚未存在的对象的占位符。测试一，变量没有定义的时候，只能使用 typeof 测试二，变量有定义，但未初始化，typeof,undefined,null都可以使用 测试三，函数参数跟变量类似、没有参数 2、有参数 如果你对undefined和null这两种类型经常分辨不清，那么恭喜，因为你会找到很多的知音。其实要理解这两种类型， 首先要知...
阅读全文
摘要：New Document Js 与 Jquery 最重要的是 找不到相关的值与属性的时候! 记的加 id , class!
阅读全文
摘要：去除字符串左右两端的空格，在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim，但在js中却没有这3个内置方法，需要手工编写。下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下：（str.trim();） 写成函数可以这样：(trim(str)) 去掉最右边的逗号str.replace(/,$/g,"")
阅读全文
摘要：对于php,个人感觉能够熟练操作数组和字符串，基本上已经是入门了，php本身有很多操作数组和字符串的函数，今天在做一个功能时，需要用Js动态的创建门店信息，这些信息是要从后台添加的，想来想去，通过php读取数据库，得到数组，然后将数组转化成符合需求js数组，php数组形式为：[php]$newArray = array(array('地区'=>'北京地区','items'=>'10','detail'=>array(0=>array('店名'=>'旗舰店'
阅读全文
摘要：今天总结一下js中几个对象的区别和用法： 1.首先来说说 parent.window与top.window的用法 "window.location.href","location.href" 是本页面跳转"parent.location.href" 是上一层页面跳转"top.location.href" 是最外层的页面跳转举例说明： 如果A,B,C,D都是窗口，D是C的iframe，C是B的iframe，B是A的iframe，D -> C -> B-> A 框架顺序 A是最外层的框架如果D中js这
阅读全文
摘要：在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。var dataObj=eval("("+data+")");//转换为json对象 为什么要 eval这里要添加 “("("+data+")");//”呢？原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代
阅读全文
摘要：-----------------------------理念 写的少,做的多 write less , do more优势 轻量级的 强大的选择器 出色的DOM操作封装 可靠的事件处理机制(兼容性好) 完善的AJAX 不污染顶级变量 jQuery 出色的浏览器兼容性 连贯操作($this返回) 隐式迭代(内部做了很多循环,可以自己写) 行为和结构分离(事件上面Event) 插件支持 文档 开源-------------------------------区分jQuery对象与DOM对象 jQuery对象 $() 可以直接调用jQuery提供的方法或属性 DOM对象 getElementB..
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //js中数组是对象 //可以给对象，动态添加方法 //页面加载完成后，执行本匿名函数 window.onload=function(){ //通过tagName找元素 //var arr=$("span"); //alert(arr.length); //
阅读全文
摘要：AJAX-------------------------AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。举例!异步是发短信,同步是打电话.异步的时候,会有回调.想用JS去服务器拿数据?客户端的JS.所以没有能力去服务器拿信息借用服务端的PHP,JS模拟一个$_GET请求,之后它的局部就变了.请求与响应. 请求:request 相应:response 相应出来的为字符串. eval() 把字符串当js代码执行1.HTTP返回状态码(响应) 1XX 临时响应 2XX 成功 200 OK 访问成功 3XX 重定向 301:永久重
阅读全文
摘要：insertBefore第二个参数是必填参数,如果不指定第二个参数二级联动 省市级连第六天事件 event事件不是对象,是一种机制异步事件驱动,给个函数 浏览器告诉的事件 产生事件,响应事件,处理事件1.事件类型 event type 键盘事件 鼠标事件 事件名称 click lock2.事件目标 event target window document element(div,a)3.事件处理程序 event handler 事件监听程序 event listener 事件被触发 fire , trigger , dispatch(派发)4.事件对象 event object5.事件的传播.
阅读全文
浙公网安备 33010602011771号