随笔分类 -  JS

javascript
摘要:functionAddComfirmClose() { window.parent.document.body.onbeforeunload =function() { window.parent.event.returnValue ="提示?:o你?还1没?有D保存?页3面?。"; } }function UnComfirmClose() {window.parent.document.body.onbeforeunload =null;}<inputid="saveflag" onclick="AddComfirmClose()&qu 阅读全文
posted @ 2012-06-05 16:29 肚肚 阅读(356) 评论(0) 推荐(0)
摘要:先看一个示例用javascript获取url网址信息<script type="text/javascript">document.write("location.host="+location.host+"<br>");document.write("location.hostname="+location.hostname+"<br>");document.write("location.href="+location.href+&qu 阅读全文
posted @ 2012-06-04 09:54 肚肚 阅读(228) 评论(0) 推荐(0)
摘要:$("#hidPicUrl").val($(this).attr('src'));<INPUT id=hidPicUrl type=hidden /><img src="/Images/icon/house.png" width="60" height="60" />这样的话,>ie8和firefox没有问题:<INPUT id=hidPicUrl type=hidden value=/Images/icon/music.png name=ctl00$phMain 阅读全文
posted @ 2012-02-23 18:38 肚肚 阅读(337) 评论(0) 推荐(0)
摘要:编辑器加载中... //字数长度大小: 区分中英文 jQuery.validator.addMethod("CharLength", function (value, element, params) { var i, sum; sum = 0; for (i = 0; i < value.length; i++) { if ((value.charCodeAt(i) >= 0) && (value.charCodeAt(i) <= 255)) ... 阅读全文
posted @ 2012-02-13 13:36 肚肚 阅读(415) 评论(0) 推荐(0)
摘要:表单验证插件 validate 在提交表单前常要对用户输入进行校验.ASP.NET的验证控件就是用于此目的, 可以同时进行客户端和服务器端验证. 但是验证控件并没有被所有项目采用. 而且在MVC项目中经常使用自己的客户端验证框架. 在比较了若干表单验证插件后, 决定采用validate插件. 因为其使用简单并且灵活. 插件首页: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 插件文档: http://docs.jquery.com/Plugins/Validation 配置说明: http://docs.jquery.com/Plugins/Validation/validate#options 1.应用实例 实例效果: 阅读全文
posted @ 2011-11-14 16:40 肚肚 阅读(280) 评论(0) 推荐(0)
摘要:我怕是被JQuery迷死了……现在遇到任何前端的问题首先就考虑JQuery解决,不管难以与否,就比如修改个网页标题,当然,如果为了类似小问题就调用库的话就得不偿失了。可我又没有一点JS基础,虽然听说不是程序员出身的家伙也能把JS写得很出色,但毕竟我不仅非程序员,连高考数学都对不起广大人民群众,所以我原谅自己了。这次,确实就被修改网页标题这个小问题给难倒了。看到我的思路,你们会很囧的。修改网页标题,想当然就是$("title")了,但怎么改呢?以下我都试过了:$("title").html()//这个应该对的……$("title").t 阅读全文
posted @ 2011-10-24 01:09 肚肚 阅读(931) 评论(0) 推荐(0)
摘要:010203 //图片自适应大小04 //id为img控件的id05 //width与height为img父控件的宽高——即img的最大宽高06 //示例:<img id="dd" src="ee.jpg" onload="imgFit(’’dd’’,100,200)" />"07 function imgFit(id,width,height)08 {09 var imageArr=document.getElementById(id);10 if(imageArr.offsetWidth>width | 阅读全文
posted @ 2011-10-13 22:47 肚肚 阅读(268) 评论(0) 推荐(0)
摘要:常用的JavaScript验证正则表达式下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。匹配中文字符的正则表达式: [u4e00-u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^x00-xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:ns*r评注:可以用来删除空白行匹配HTML标记的正则表达式:< (S*?)[^>]*>.*?|< .*? />评注:网上流传的版本太糟糕,上面这个 阅读全文
posted @ 2011-09-27 15:01 肚肚 阅读(160) 评论(0) 推荐(0)
摘要:JQUERY+ASP.NET的AJAX文件上传2009/04/24 23:31在知道JQUREY和微软集成的消息后,在项目里面就开始尽量使用JQUERY了,这个DEMO是一个示例。主要文件两个:ajaxUpFile.ashx 服务端处理Default.aspx 用户提交下面贴出主要代码:JS部分代码如下function TestUp() { ajaxFileUpload("FileUpload1"); } function ajaxFileUpload(obfile_id) { //准备提交处理 $("#loading_msg").html(" 阅读全文
posted @ 2011-08-23 15:47 肚肚 阅读(703) 评论(0) 推荐(0)
摘要:Ctrl+Enter快捷键提交功能 阅读全文
posted @ 2011-05-25 12:15 肚肚 阅读(335) 评论(0) 推荐(1)
摘要:CSS:调用;<link href="/content/css/jquery.Popup.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="/scripts/jquery.Popup.js"></script>showTip("发布成功!", null, 1);... 阅读全文
posted @ 2010-11-27 18:47 肚肚 阅读(1358) 评论(0) 推荐(0)
摘要:对于Body的Onload事件和JQuery的Ready方法相比,有很多弊端.比如:1.加载多个函数的问题<body onload="a();b();"></body>在Onload事件中只能这样加载,很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法,它们会按次序依次执行2.代码和内容不分离 这个貌似不用说了,让人深恶痛绝-.-!!3.... 阅读全文
posted @ 2010-11-11 11:07 肚肚 阅读(1443) 评论(0) 推荐(0)
摘要:解决javascript动态改变img的src属性图片不显示问题 最近写了几句javascript程序代码,涉及到了动态改变图片的效果,结果在ie下显示不出了来,实在是郁闷,上网找寻结果,终于发现了,原来是 浏览器的问题。现在将方法贴出来分享。首先讲下这个bug的出现的情况,页面中有<a href="javascript:void(0)" onclick="document.getEleme... 阅读全文
posted @ 2010-11-10 17:38 肚肚 阅读(1374) 评论(1) 推荐(0)
摘要:如果因为网络或图片的原因发生异常,则显示该图片 阅读全文
posted @ 2010-11-10 16:50 肚肚 阅读(6634) 评论(0) 推荐(0)
摘要:Javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听函数就被调用:<input type="button" onclick="alert('Button Click')" />当上面的button被点击后,会弹出一个框显示“Button Click”.在javascript中添加事件监听函... 阅读全文
posted @ 2010-11-03 18:14 肚肚 阅读(457) 评论(0) 推荐(1)
摘要:事件使得客户端的 JavaScript 有机会被激活,并得以运行。在一个 Web 页面装载之后,运行脚本的唯一方式,就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来,简单的事件被实现为 JavaScript 的一部分;但是大多数最近出现的浏览器都实现了强壮的事件模型,使脚本可以更加智能地处理事件。现在的问题在于:为了支持各种浏览器,您必须和多个先进的事件模型做斗争,准确地说,是... 阅读全文
posted @ 2010-11-02 10:21 肚肚 阅读(223) 评论(0) 推荐(0)
摘要:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:documen... 阅读全文
posted @ 2010-10-26 18:20 肚肚 阅读(246) 评论(0) 推荐(0)
摘要:opener与parent的区别 opener opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。 parent parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中... 阅读全文
posted @ 2010-10-21 18:34 肚肚 阅读(200) 评论(0) 推荐(0)
摘要:1.基础知识:jQuery事件与事件对象【文章来自学IT网:http://www.xueit.com/html/2009-05/33_2020_00.html】2. 对事件的总结中, $("#testDiv").click(function(event) { alert("test div clicked ! "); });等效于:$("#testDiv").bind("click", funct... 阅读全文
posted @ 2010-10-19 14:15 肚肚 阅读(308) 评论(0) 推荐(1)
摘要:最近的项目中比较多使用的 ThickBox,今天就简单介绍下,ThickBox 是一个基于 JQuery 类库的扩展,它能在浏览器界面上显示非常棒的弹出框,它可以显示单图片,多图片,AJAX 请求内容或链接内容。要使用 ThickBox,需要下载三个文件:JS 文件:thickbox.js 或者压缩版本 thickbox-compressed.js。 CSS 文件:ThickBox.css 最后一... 阅读全文
posted @ 2010-10-14 13:25 肚肚 阅读(1492) 评论(1) 推荐(0)