
javascript
文章平均质量分 53
指尖上的程序
座右铭:做人、做事、做学问;
展开
-
js实现自动生成表格
//js实现输入表格行数、列数自动生成表格源代码 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 自动创建表格 table{ width:300px; height:100px; border:#原创 2012-06-27 13:14:58 · 736 阅读 · 0 评论 -
如何编写高质量的Javascript代码
编写可维护的代码软件的BUG修复需要花费大量的精力。尤其当代码已经发布之后,随着时间的增长,维护的成本愈发的高。当你一发现BUG的时候,就立即去修复,这时候你的代码还是热乎的,你也不需要回忆,因为就是刚刚写好的。但是当你做了其他任务,几乎完全忘记了这份代码,这时候就需要:重新学习和理解问题理解代码是如何解决问题的另外一个问题是,在大项目或者大公司里面,经常是解决BUG的人不原创 2012-11-07 17:55:28 · 666 阅读 · 0 评论 -
commons-fileupload组件上传图片介绍
基于表单的文件上传如果在表单中使用表单元素 ,浏览器在解析表单时,会自动生成一个输入框和一个按钮,输入框可供用户填写本地文件的文件名和路径名,按钮可以让浏览器打开一个文件选择框供用户选择文件:当表单需要上传文件时,需指定表单 enctype 的值为 multipart/form-data在 form 元素的语法中,enctype 属性指定将数据发送到服务器时浏览器使原创 2012-12-13 12:19:24 · 411 阅读 · 0 评论 -
JS中style属性
解决办法:1、先定义一个CSS规则,然后this.className=''2、document.getElementByIdx_x("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;text-align原创 2012-12-13 10:22:50 · 970 阅读 · 0 评论 -
XMLHTTPRequest对象
XMLHTTPRequest对象的说明 DEMO var xmlhttp; // 创建一个XMLHTTPRequest对象 function createXMLHTTPRequext(){ if(window.ActiveXObject) { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } else if转载 2012-12-26 15:10:52 · 315 阅读 · 0 评论 -
javascript跨域解决方案(一)
1、神马是跨域(Cross Domain)说白点就是post、get的url不是你当前的网站,域名不同。例如在aaa.com/a.html里面,表单的提交action是bbb.com/b.html。不仅如此,www.aaa.com和aaa.com之间也属于跨域,因为www.aaa.com是二级域名,aaa.com是根域名。JavaScript出于安全方面的考虑,是不允许跨域转载 2012-12-26 15:13:44 · 268 阅读 · 0 评论 -
Web开发中 9 个有用的提示和技巧
1. 使用 html5 的 placeholder 属性以前我们经常要写不少JavaScript 的代码来实现现在HTML5 的 placeholder 属性的功能,一个输入框在没获取焦点时显示某个提示信息,当获得输入焦点就自动清除提示信息,目前支持该属性的浏览器有:Opera 11+, Firefox 9+, Safari 5+, IE 10+,不过下面提供的代码对于不支持 placeh转载 2013-01-04 12:03:18 · 381 阅读 · 0 评论 -
Javascript异步编程的4种方法
你可能知道,Javascript语言的执行环境是”单线程”(single thread)。所谓”单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一原创 2013-01-04 12:05:12 · 343 阅读 · 0 评论 -
JavaScript之典型高阶函数
虽然以前也使用过javascript语言,但终究是为了配合后端写的一些零零散散的“代码段”,更不能说是javascript项目了。很荣幸的是上个月刚到公司正好碰上项目开始推倒重写,我们team从头开始做架构和实现,目的很清楚,为了改进和超越前面的版本。这是个真正意义上的javascript“项目”,当然服务端不是我们team来负责啦。这也是我真正开始全职使用javascript来编程。由于之前在学翻译 2013-01-08 14:36:32 · 252 阅读 · 0 评论 -
JS在IE和Firefox兼容性问题及解决方案 [js]
你对JS在IE和Firefox兼容性问题解决方法是否熟悉,这里和大家分享一下,比如现有代码中存在许多 document.formName.item("itemName")这样的语句,不能在MF下运行。我们可以改用 document.formName.elements["elementName"]来解决。JS在IE和Firefox兼容性问题汇编以下以IE代替InternetExplo转载 2013-03-05 16:32:05 · 613 阅读 · 0 评论 -
正则应用之——日期正则表达式
1 概述首先需要说明的一点,无论是Winform,还是Webform,都有很成熟的日历控件,无论从易用性还是可扩展性上看,日期的选择和校验还是用日历控件来实现比较好。前几天在优快云多个版块看到需要日期正则的帖子,所以整理了这篇文章,和大家一起讨论交流,如有遗漏或错误的地方,还请大家指正。日期正则一般是对格式有要求,且数据不是直接由用户输入时使用。因应用场景的不同,写出的转载 2013-03-08 11:33:13 · 626 阅读 · 0 评论 -
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
function GOOGLEResize(){alert(1);}var ua=navigator.userAgent.toLowerCase();var isStrict=document.compatMode=="CSS1Compat",isOpera=ua.indexOf("opera")>-1,isSafari=(/webkit|khtml/).test(ua),原创 2013-03-14 09:57:59 · 552 阅读 · 0 评论 -
解决js跨域问题
如何解决js跨域问题Js跨域问题是web开发人员最常碰到的一个问题之一。所谓js跨域问题,是指在一个域下的页面中通过js访问另一个不同域下 的数据对象,出于安全性考 虑,几乎所有浏览器都不允许这种跨域访问,这就导致在一些ajax应用中,使用跨域的web service会成为一个问题。 解决js跨域问题,目前在客户端和服务端都有一些现成的解决方案,但这些方案并不能解决所有问题。下面我们先来看下有转载 2013-04-22 15:54:57 · 469 阅读 · 0 评论 -
table td内容换行/不换行
固定td内容不换行:内容或内容或内容表格的列宽度固定,每一列都相等(平均分table的宽度):td内容超出指定宽度换行:内容原创 2013-04-15 13:58:30 · 1528 阅读 · 0 评论 -
JavaScript小数四舍五入toFixed
虽然js中Number对象自带了toFixed方法Java代码 2.3567.toFixed(2) 2.3567.toFixed(2)但由于用户使用不同浏览器,并且这些浏览器js库也存在些差异,所以表现也不同,大多数时候是在FF下开发,却忽略了IE等浏览器的兼容问题。 Java代码 原生toFixed方法555.555.toFi转载 2013-04-18 18:00:32 · 728 阅读 · 0 评论 -
javascript Screen
document.write("Available Width: " + screen.availWidth);document.write("Available Height: " + screen.availHeight);原创 2012-10-24 17:51:11 · 313 阅读 · 0 评论 -
javascript Throw
var x=prompt("Enter a number between 5 and 10:","");try{ if(x>10) { throw "Err1"; }else if(x { throw "Err2"; }else if(isNaN(x)) { throw "Err3"; }}catch(err){原创 2012-10-24 17:35:54 · 428 阅读 · 0 评论 -
javascript Loop While || For || do While
Example1:while (i { x=x + "The number is " + i + ""; i++;}Example2:do { x=x + "The number is " + i + ""; i++; }while (iExample3:cars=["BMW","Volvo","Saab",原创 2012-10-24 17:01:38 · 426 阅读 · 0 评论 -
js实现frame框架页面刷新
用js实现的刷新页面的代码,比较全 先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: frame <frame name=top src="top.html"> 现在假原创 2012-06-28 16:31:11 · 1130 阅读 · 0 评论 -
200个web开发前端js技巧总结
http://topic.youkuaiyun.com/u/20110905/11/1d40c9aa-b24e-4de8-bd85-f8925884c557.html?75786转载 2012-05-29 18:04:34 · 471 阅读 · 0 评论 -
js中刷新页面总结
js中页面刷新和页面跳转的方法总结 1.history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write原创 2012-06-28 16:24:41 · 476 阅读 · 0 评论 -
js做的一个钟表,带指针的
钟表式时间显示特效//clockdCol='000000';//date colour.fCol='6666FF';//face colour.sCol='000000';//seconds colour.mCol='000000';//minutes colour.hCol='000000';//hours colour.ClockHeight=40;Cloc转载 2012-06-27 13:13:29 · 998 阅读 · 0 评论 -
javascript中如何将字符型数字转换为数值型(一)
最简单的办法是:见如下的代码 var i="012.53"; //此处的i为字符型i=Number(i); //此处的i为数值型Number()是Js里的数字类 ,这里用来做强制类型转换 ;强制类型转换 使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。JS中可用的3种强制类型转换如下:转载 2012-07-11 17:51:56 · 1456 阅读 · 0 评论 -
javascript中如何将字符型数字转换为数值型(二)
js中将字符串转化成数字的方法:方法主要有三种: 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。一些示例如下: par转载 2012-07-11 17:53:25 · 3807 阅读 · 0 评论 -
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$原创 2012-07-03 11:37:38 · 916 阅读 · 0 评论 -
JavaScript内置对象
所有编程语言都具有内部(或内置的)对象来创建语言的基本功能。内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能。JavaScript 有许多将其定义为语言的内部对象。本文介绍了一些 最常用的对象,并简要介绍了它们有哪些功能以及如何使用这些功能。NumberJavaScript Number对象是 一个数值包装器。您可以将其与new关键词结合使用,并将其设置为一个原创 2012-07-30 11:56:48 · 533 阅读 · 0 评论 -
Iframe 的JS跨域问题
1、跨域调用js中的方法或者窗口中数据是没办法,因为这会涉及到网站数据的安全问题,想象一下你做了一个网站,别人做一个Iframe给链接过去了,并且还能通过他自己的页面操作你这个页面的一些元素或者节点数据、动作之类的,你不会郁闷死??2、最好的就是在同一个域名下面就不会存在这个问题,好像还有一个就是设置对应框架的所属域名(这个你查一下资料,好像是是设置对应的所属),最复杂的就是在js中提原创 2012-10-30 10:55:46 · 442 阅读 · 0 评论 -
JavaScript绘图库 Raphael
var paper = Raphael(10, 50, 320, 200);circle.attr("fill", "#f00");circle.attr("stroke", "#fff");在线效果演示:http://raphaeljs.com/pie.htmlhttp://raphaeljs.com/10 个顶级 JavaScript 动画框架推荐htt原创 2012-10-30 14:55:26 · 567 阅读 · 0 评论 -
javascript Object的用法集锦(1)
function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;}myFather=new person("John","Doe",50,"blue");原创 2012-10-24 16:31:56 · 231 阅读 · 0 评论 -
javascript Object的用法集锦(2)
Click the button to loop through the properties of an object named "person".Try itfunction myFunction(){var x;var txt="";var person={fname:"John",lname:"Doe",age:25}; for (x原创 2012-10-24 16:32:34 · 347 阅读 · 0 评论 -
javascript Object用法集锦(3)
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}document.write(person.firstname + " is " + person.age + " years old.");原创 2012-10-24 16:33:37 · 265 阅读 · 0 评论 -
javascript Create a welcome cookie
function getCookie(c_name){var i,x,y,ARRcookies=document.cookie.split(";");for (i=0;i { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexO原创 2012-10-24 16:01:05 · 381 阅读 · 0 评论 -
javascript Navigator
txt = "Browser CodeName: " + navigator.appCodeName + "";txt+= "Browser Name: " + navigator.appName + "";txt+= "Browser Version: " + navigator.appVersion + "";txt+= "Cookies Enabled: " + navigato原创 2012-10-24 16:51:47 · 313 阅读 · 0 评论 -
javascript检查日期合法
var isTrueDate = function(date) { var tDates = date.split("-"), tDate; if(tDates && tDates.length === 3) { tDate = new Date(tDates[0], parseInt(tDates[1], 10) - 1, tDates[2]); return原创 2013-05-20 11:32:22 · 622 阅读 · 0 评论