前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
相信大家看代码后再添加一些针对其他格式的验证也不是太麻烦的事情对于各种提示效果需要修改 feedback 方法就可以实现,因为不想让代码变得太臃肿,所以有很多不常用的功能就没有再添加了主要目的提供大家
       例如在一个含500个字符串的data数组里,我们想要找到一个指定的字符(key),返回它的数组下标,如果用这样的算法:function usual_search(data,key){  &
右下角弹窗效果练习by阿会楠 function$(obj){ returndocument.getElementById(obj); } functionpop(obj){
body{background:#333333;} #winpop{width:200px;height:0px;position:absolute;right:0;bottom:0;border:1pxsolid#999999;margin:0;padding:1px;overflow:hidden;display:none;background:#FFFFFF}
biggrin confused cool eek frown han mad redface rolleyes smile tongue wink [Ctrl+A全选注:如需引入外部Js需刷新才能执行]
可填可选的下拉框 111 222 333 [Ctrl+A全选注:如需引入外部Js需刷新才能执行]
虽然escape()、encodeURI()、encodeURIComponent()三种方法都能对一些影响URL完整性的特殊字符进行过滤。但后两者是将字符串转换为UTF-8的方式来传输,解决了页面编码不一至导致的乱码问题。例如:发送页与接受页的编
在IE与googlechrome中则一切正常,很是郁闷,找了很多种调用iframe中函数的方法,问题一直没有解决。今天在google上又搜索了一下,耐心的浏览搜索结果,最后发现有人写到可以用document.getElementById(\'iframeid\'
//验证性别(单选按钮验证)functioncheckXb(){vartemp=false;varxbObj1=document.getElementById(\"xb1\");varxbObj2=document.getElementById(\"xb2\");if(xbObj1.checked||xbObj2.checked){temp=true;}returntemp
前台 复制代码代码如下:<!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><htmlxmlns=\"http://www.w3.org/1999/xhtml\">
一般情况下用正则写法为: //
复制代码代码如下:/***************图片预加载插件******************///作者:没剑(2008-06-23)///http://regedit.cnblogs.com///说明:在图片加载前显示一个加载标志,当图片下载完毕后显示图片出来可对图片进行是
******生成js分页脚**********没剑(2008-03-05)****修改日期:2008-3-12添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量参数:pagesize:10//每页显示的页码数,count:0//数据条数,css:\"mj_page
functionselectAll()//全选{varobjs=document.getElementsByName(\'twId\');vari;for(i=0;i<objs.length;i++){if(objs[i].type==\"checkbox\"){objs[i].checked=true;}}}functionunselect()//反选{varobjs=docume
//下面验证的是长度functioncheckTextLen(textId){varlen=0;varcheckField=document.getElementById(textId);varinputstring=checkField.value;varstring_length=inputstring.length;if(string_length==0){return0;}
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换
绘图对象Plot,包含了JS画点,JS画线,JS画正弦sin,JS画余弦cos,tan,圆,多边形。可设置原点位置,画笔颜色,画笔粗细,坐标线颜色。其实原理很简单,用长1px宽1px的div模拟点,由点及线,由线及面。贴上来权当相
如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1.通过顶层document节点获取:   
复制代码代码如下://栏目//发送ajax请求$.getJSON(\"../../../Templet/GetInfoHandler.ashx\",//产生JSON数据的服务端页面{id:\"0\",sid:\"1;2;3\",rid:Math.round(Math.random()*10)},//向服务器发出的查询字符串//
做web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况比以前稍好,在Firefox
复制代码代码如下:<scriptlanguage=\"JavaScript\">/**//***本日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。*tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它
环境:rails下例如:我点击修改后显示成这样: 关键实现过程:1,列表部分,即第一副图,蓝色部分即实现了传值复制代码代码如下:<%i=0%><%if@group_page%><%forgroupin@group_page%><%i+=1%>&
复制代码代码如下:<%@PageLanguage=\"C#\"%><!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><scriptrunat=\"server\">
复制代码代码如下:functionuniencode(text){text=escape(text.toString()).replace(/\\+/g,\"%2B\");varmatches=text.match(/(%([0-9A-F]{2}))/gi);if(matches){for(varmatchid=0;matchid<matches.length;matchid
提供方便方法操作cookie:复制代码代码如下:$.cookie(\'the_cookie\');//获得cookie$.cookie(\'the_cookie\',\'the_value\');//设置cookie$.cookie(\'the_cookie\',\'the_value\',{expires:7});//设置带时间的cookie$
cookie *{margin:0;padding:0;font-family:\"宋体\",Arial,Helvetica,sans-serif;} #best{width:300px;height:200px;border:1pxsolid#ccc;margin:60pxauto0;line-height:1.6;font-size:14px;padding:10px0010
前段时间写了一个js数据验证、jsemail验证、jsurl验证、js长度验证、js数字验证等弹出对话框形式的但是,现在不太流行那种很不友好的方式,于是重写了一个,封装得更加好的,更友好的层形式共享给大家,如果大家使用有bug
虽然方便好用,但是个人觉得其在UI方面的表现不是太出彩,今天无意中看到jquerytools--一种基于jquery的UI表现框架,其UI功能展示风格类似(或模仿)flex。该框架提供了tabs(选项卡/页签)overlay(覆盖层),tooltip(
复制代码代码如下:<!DOCTYPEHTMLPUBLIC\"-//W3C//DTDHTML4.01//EN\"\"http://www.w3.org/TR/html4/strict.dtd\"><html><head><metahttp-equiv=\"Content-Type\"content=\"text/html;charset=is
1,Content-Type很多时候无法解析就是Content-Type的问题。如果本身就是xml文件,请跳过这一步动态生成的XML一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。常见语言的Content-Type设置复制代码