之乎者也,阿弥陀佛

软件设计的原则就是,化繁为简,化难为易,把人的思维集中在简单的领域,然后通过有序的组合实现复杂的逻辑。

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  341 随笔 :: 0 文章 :: 76 评论 :: 62万 阅读

随笔分类 -  JS/Css

摘要:$.ajax({ url: 'xml/myXML.xml', dataType: ($.browser.msie) ? "text" : "xml", timeout: 1000, error: function(data){ alert('Error occurred loading the XML'); }, success: function(data){ var xml; if (typeof data == "string") { xml = new ActiveXObject("M 阅读全文
posted @ 2013-09-11 12:29 搏击的小船 阅读(255) 评论(0) 推荐(0) 编辑

摘要:经常看到一些JavaScript的代码脏乱得无法理解,到处都是属性和方法,或者一个循环套着一个循环。但如果使用面向对象就能很好的理清代码,并方便理解和修改代码。如果你不希望自己的代码只有上帝理解的话,就请尽量考虑使用面向对象的模式。译文正文:到处都是属性、方法,代码极其难懂,天哪,我的程序员,你究竟在做什么?仔细看看这篇指南,让我们一起写出优雅的面向对象的JavaScript代码吧!作为一个开发者,能否写出优雅的代码对于你的职业生涯至关重要。随着像Node.js这类技术的发展,你甚至可以在服务器端使用JavaScript了。同样的,你也可以使用JavaScript来控制MongoDB的持续数据 阅读全文
posted @ 2013-01-01 18:23 搏击的小船 阅读(334) 评论(0) 推荐(0) 编辑

摘要:要实现动态加载JS脚本有4种方法: 1、直接document.write <scriptlanguage="javascript"> document.write("<scriptsrc='test.js'><\/script>"); </script> 2、动态改变已有script的src属性 <scriptsrc=''id="s1"></script> <scriptlanguage="javascript&qu 阅读全文
posted @ 2012-07-20 17:42 搏击的小船 阅读(282) 评论(0) 推荐(0) 编辑

摘要:使用jQuery UI 1.7.2 dialog插件,遇到这样的错误: [img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp&quot; alt=&quot;&quot; width=&quot;210&quot; height=&quot;44[/img] $("#dialog").dialog({width:480,height:"auto",resizable:false,d 阅读全文
posted @ 2012-04-23 17:51 搏击的小船 阅读(8976) 评论(0) 推荐(0) 编辑

摘要:在页面效果中,有时候我们程序循环出来的列不能加上ID属性,因为可能有列表可能会循环出多个相同的ID,这样就不能使用Jquery的ID选择器,这时候 我们可以使用Class选择器,同时我们也可能需求是对此节点元素的操作只局限于当前的div(或table中),我们看代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http:/ 阅读全文
posted @ 2012-03-02 15:40 搏击的小船 阅读(8923) 评论(1) 推荐(0) 编辑

摘要:通常为了让页面呈现的更为美观,我们喜欢在奇偶行加上不同的颜色。效果如下:使用jquery我们可以轻松的实现上面效果,代码如下:View Code <html><head><title>jquery奇偶行css效果</title><scriptsrc="http://common.cnblogs.com/script/jquery.js"type="text/javascript"></script><styletype="text/css">/*tab 阅读全文
posted @ 2012-02-17 16:45 搏击的小船 阅读(930) 评论(3) 推荐(1) 编辑

摘要:最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷。后面改为1.2.6版本可以执行。具体的问题查看下面这篇文章。 jQuery1.4.2 ajax存在一个严重bug问题 然后继续下载了几个jquery版本,如1.3.2,1.4.0的,指定dataType为json都不能执行success回调,只有小于1.3版本的才能执行success回调。 最后去jquery的网站找到了在线的api文档看了下,地址:http://api.jquery.com/jQuery.ajax... 阅读全文
posted @ 2011-04-13 11:46 搏击的小船 阅读(1436) 评论(0) 推荐(0) 编辑

摘要:使用jQuery.ajax请求数据时,为了避免用户重复请求,需要禁用请求提交按钮,一般来说比较简单,只需要在按钮中添加disabled属性即可,下面写了一个测试实例,谈谈具体实现禁用按钮方法。实例代码如下:一,包含文件部分,引用jQuery文件<script src=”http://code.jquery.com/jquery.js” type=”text/javascript”></script>二,HTML部分 <button id=”test”>测试</button> <div id=”result”></div>定 阅读全文
posted @ 2011-04-05 16:18 搏击的小船 阅读(1805) 评论(0) 推荐(0) 编辑

摘要:网址: http://jsonformatter.curiousconcept.com/ 便于我们调试JSON非常的方便 阅读全文
posted @ 2011-03-31 18:31 搏击的小船 阅读(3312) 评论(1) 推荐(0) 编辑

摘要:这里对JQUERY就不做详细介绍了,给我的感觉它是一个封装了JAVASCRIPT的函数库。里面有很多有用的东东,如果对JQUERY还不熟悉读者,请看以下两篇文章篇文章: 1 jQuery中文入门指南,翻译加实例,jQuery的起点教程 http://hi.baidu.com/wolftotem1984/blog/item/4335a618aa097ab44aedbcc5.html 2 JQUERY学习,教程资源汇总 http://hi.baidu.com/wolftotem1984/blog/item/40de9211768c1f7eca80c4a9.html 第一篇文章是我转过来的,第 阅读全文
posted @ 2011-02-12 14:34 搏击的小船 阅读(1077) 评论(0) 推荐(0) 编辑

摘要:经常看到一些网页中,超链接标签中&lt;a href=&#8221;#&#8221;&gt; herf中的&#8220;#&#8221;改成javascript:void(0);因为#包含了一个位置信息,默认的锚点是#top 也就是网页的上端.而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首,而javascript:void(0) 则不是如此.一般采用ajax技术,才有这种形式,而我们的项目只是加了个click事件,处理一些验证逻辑,之后跳转。。。问题出来了,在IE6下面,cl 阅读全文
posted @ 2011-02-12 11:44 搏击的小船 阅读(2108) 评论(0) 推荐(0) 编辑

摘要:先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" HTML HEAD TITLE frame /TITLE /HEAD frameset rows="50%,50%" frame name=top src="top.html" frame name=bottom 阅读全文
posted @ 2010-12-07 15:57 搏击的小船 阅读(204) 评论(0) 推荐(0) 编辑

摘要:小功能,不过还比较有用,其他的类似功能都一样。代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org... 阅读全文
posted @ 2010-12-03 16:29 搏击的小船 阅读(307) 评论(0) 推荐(0) 编辑

摘要:判断一个层是否隐藏:$("#id").css("display")=="none";在所有匹配的元素中,设置一个样式属性的值:$("p").css("color","red");把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式$("p").css({color:"#ff0011",background:"blue"}... 阅读全文
posted @ 2010-12-02 10:38 搏击的小船 阅读(2052) 评论(0) 推荐(0) 编辑

摘要:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t... 阅读全文
posted @ 2010-11-12 17:05 搏击的小船 阅读(847) 评论(0) 推荐(0) 编辑

摘要:大家先看一段简单的jquery ajax 返回值的js代码functiongetReturnAjax{$.ajax({type:"POST",url:"ajax/userexist.aspx",data:"username="+vusername.value,success:function(msg){if(msg=="ok"){showtipex(vusername.id,"<imgsrc='images/ok.gif'/><b><fontcolor= 阅读全文
posted @ 2010-09-13 14:21 搏击的小船 阅读(314) 评论(0) 推荐(0) 编辑

摘要:相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。举个例子: <pstyle="color:yellow">绯雨</p> 使用eq来获得第一个p标签的color值: $("p").eq(0).css("color")//因为eq(num)返回的是个jq对象,所以可以用jq的方法css 使用get来获得第一个p标签的color值: $("p").get(0).style.color//因为get(num) 阅读全文
posted @ 2010-05-09 15:04 搏击的小船 阅读(211) 评论(0) 推荐(0) 编辑

摘要:设为首页:[代码](或者这样也可以:<a href="javascript:;" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage(location.href);return(false);">设为首页</a>)加入收藏:[代码] 阅读全文
posted @ 2009-11-06 15:12 搏击的小船 阅读(276) 评论(0) 推荐(0) 编辑

摘要:大多数的 控件他的值都可以通过js调用它的 value属性来获得此控件的值,但是也有例外的情况。经常用的 Label控件。他的值用js就不能通过value属性来获得。 Label控件 js获取的实例, var text= document.getElementById('Label1').innerText;假如, 这样 var text= document.getElementById('Lab... 阅读全文
posted @ 2009-10-29 15:39 搏击的小船 阅读(416) 评论(0) 推荐(0) 编辑

摘要:在iframe的子页面中,使用onload刷新父页面的时候,遇到了一些问题。<body onload="">1、目前来说,测试成功,并且兼容IE6/7和FF的刷新方式。<script language=JavaScript> parent.window.location.href="url"; </script>2、个别情况下出现IE6/7“没有权... 阅读全文
posted @ 2009-10-27 17:15 搏击的小船 阅读(6792) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示