JavaScript
coldy456
管理,沟通,技术.
思维方式.
自信.但不要太自我.
简约而不简单.
展开
-
jQuery(function(){})与(function(){})(jQuery)的区别
<br />开发jQuery插件时总结的一些经验分享一下。 <br />一、先看 <br /><br />jQuery(function(){ <br />}); <br />全写为 <br />jQuery(document).ready(function(){ <br /> <br />}); <br /><br />意义为在DOM加载完毕后执行了ready()方法。 <br />二、再看 <br /><br />(function(){ <br /><br />})(jQuery); <br转载 2010-12-13 10:58:00 · 123 阅读 · 0 评论 -
ajax 跨域
<br />解决浏览器的跨域问题,不要想完全通过在浏览器中使用脚本绕过浏览器的相同来源策略,那是做不到的,除非你所使用的浏览器版本刚好存在严重的bug,否则做浏览器的那帮人都不必混了。 <br />解决跨域问题,要从浏览器之外想办法,据我所知有两种方法: <br />方法1:在服务器端实现一个服务器端的代理,接收跨域的请求,通过HTTP得到请求的数据后转发给客户端的浏览器。 <br />但是你在客户端也要做一些事情,因为XMLHttpRequest对象默认情况下是不接受发到其他域的URL的。方法是使用Dec转载 2010-11-02 17:52:00 · 3279 阅读 · 0 评论 -
页面载入过程分析和包装页面load事件
页面载入过程分析: 1.HTML is parsed. 2.External scripts/style sheets are loaded. 3.Scripts are executed as they are parsed in the document. 4.HTML DOM is fully constructed. 5.Images and external content are loaded. 6.The page is finished loading.在一般情况下,第四个步骤完成后我们就可转载 2010-11-03 10:22:00 · 814 阅读 · 0 评论 -
资源的异步动态加载问题
<br />1.预加载图片<br /> <br />图片除了可以用创建 img dom 节点的方法加载外,还可以用常见的缓存图片方法,Image对象加载,基本上创建出来的img dom node 和 new Image 对象一样的,(除了没有实体标签不可以显示出来) ,但是 ie 对于从缓存中加载的图片触发事件有区别(和事件添加位置有区别),详见代码。特别注意判断缓存加载,有的浏览器(ie chrome)缓存不触发load事件,应该判断img.complete。<br /> <br />2.动态加载 scr转载 2010-11-03 11:23:00 · 519 阅读 · 0 评论 -
可以在某些场合替代onload事件的domReady事件
<br />load事件可以安全的执行JS,因为该事件是在页面完全加载完后才开始执行(包括页面内的图片、flash等所有元素),不会因为JS需要对某个DOM操作,而页面还没有加载该节点而引起错误。但是这种安全是需要付出代价的:如果某些图片(或者一些别的东西)加载特别慢,那么load事件会等到很久之后才会触发。 <br /><br /> 针对这个问题,一些JS框架提供了一些补充方法。如:jquery的$(document).ready()、mootools的domready事件。都是在页面的DOM加载完转载 2010-11-03 10:29:00 · 4463 阅读 · 0 评论 -
页面Load后执行JavaScript解决方案
<br />通常我们需要在打开页面时加载脚本,这些脚本必须在页面加载完毕后才可以执行,因为这时候DOM才完整,可以利用window.onload确保这一点,如:<br />window.onload=firstFunction;<br />这脚本的意思是在页面完毕后执行firstFunction函数,但当有很多个函数需要在页面加载时执行呢?可能有人说可以这样:<br />window.onload=firstFunction;<br />window.onload=secondFunction;<br />转载 2010-11-03 10:59:00 · 223 阅读 · 0 评论 -
javascript小技巧(非常全)
<br />•事件源对象 <br />event.srcElement.tagName <br />event.srcElement.type <br />•捕获释放 <br />event.srcElement.setCapture(); <br />event.srcElement.releaseCapture(); <br />•事件按键 <br />event.keyCode <br />event.shiftKey <br />event.altKey <br />event.ctrlKey转载 2010-12-27 10:01:00 · 411 阅读 · 0 评论 -
跨域资源共享的10种方式
<br />在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同 源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?同源策略<br />在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另转载 2011-02-07 14:44:00 · 155 阅读 · 0 评论 -
jQuery性能优化指南
<br />1,总是从ID选择器开始继承<br />在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。<br />例如有一段HTML代码:<div id="content"><br /><form method="post" action="#"><br /><h2>交通信号灯</h2><br /><ul id="traffic_light"><br /><li><input type="radio" class="on" name="li转载 2010-12-23 13:38:00 · 113 阅读 · 0 评论 -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
<br /> 1判断select选项中 是否存在Value="paraValue"的Item <br /> 2向select选项中 加入一个Item <br /> 3从select选项中 删除一个Item <br /> 4删除select中选中的项 <br /> 5修改select选项中 value="paraValue"的text为"paraText" <br /> 6设置select中text="paraText"的第一个Item为选中 <br /> 7设置select中value="paraValue转载 2010-12-14 14:56:00 · 136 阅读 · 0 评论 -
jQuery的一些备忘
<br />操作元素的样式 <br />主要包括以下几种方式:<br />$("#msg").css("background"); //返回元素的背景颜色<br />$("#msg").css("background","#ccc") //设定元素背景为灰色<br />$("#msg").height(300); $("#msg").width("200"); //设定宽高<br />$("#msg").css({ color: "red", background: "blue" }); //以名值对的形式转载 2010-12-14 15:11:00 · 203 阅读 · 0 评论 -
Jquery Ajax时 error处理 之 parsererror
1 view sourceprint?01$.ajax({ 02 type: "POST", 03 contentType: "application/json", 04 url: myurl, 05 data: {}, 06 timeout: 30000, //超时时间:30秒 07 dataType: 'json', 08 error: function(XMLHttpRequest, textStat转载 2010-12-23 10:04:00 · 943 阅读 · 0 评论 -
Google 排名中的 10 个最著名的 JavaScript 库
<br />转自:http://hi.baidu.com/woaidelphi/blog/item/a8dabeb513bce2c337d3ca23.html<br />JavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今 JavaScript 库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多 JavaScript 库面前又觉得无所适从,本文,我们将使用 Google 搜索出排名前 10 位的 JavaScript 库,转载 2010-12-23 11:14:00 · 162 阅读 · 0 评论 -
jQuery Ajax 全解析
<br /><br />本文地址: jQuery Ajax 全解析<br />本文作者:QLeelulu<br />转载请标明出处!<br />jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。<br />废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).<br />1转载 2010-12-23 13:47:00 · 143 阅读 · 0 评论 -
了解jQuery技巧来提高你的代码
<br />jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!<br />1.测试并提升你的jQuery选择器水平<br /> 这个jQuery选择器实验室非常酷,它能在线免费使用,转载 2010-12-23 15:01:00 · 132 阅读 · 0 评论 -
Javascript_OOP
<br />JavaScript:prototype属性使用说明 <br />prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解:<br /> 首先,我们要先了解一下类的概念,JavaScript 本身是一种面向对象的语言,它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括:数组变量(Array)、逻辑变量(Boolean转载 2010-10-29 13:34:00 · 185 阅读 · 0 评论 -
晨曦小竹前端页面代码规范
晨曦小竹前端页面代码规范 Head区域规范化 一直以来,网站HTML的HEAD部分代码规范都不被重视,因为在一些可视化的编辑工具中会自动生成。Head区是指首页HTML代码的之间的内容。 必须加入的标签 1.公司版权注释 2.网站显示字符集转载 2011-08-15 10:42:36 · 273 阅读 · 0 评论