关注前端开发微信微信号web007007

百个前端设计常用Javascript语句

百个前端设计常用Javascript语句

1.document.write( ” “); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( “表单中元素的ID號 “).name(或value) 6.一个小写转大写的JS: document.getElementById(“output&...

阅读全文...

Javascript 中阻止浏览器默认操作

Javascript 中阻止浏览器默认操作

在浏览器事件中,会触发一些默认动作,比如:点击一个链接时,执行完捕获/冒泡动作后,会触发链接的默认事件:跳转到指定链接地址。 在很多时候,我们需要改变这些默认操作,比如:点击一个链接时,我们执行一些 ajax 操作,但是我们并不希望执行跳转动作,于是,就有了本文:阻止浏览器默认操作。 其实这并不是一个非常难的课题,单独拿出来的原因还是浏览器兼容问题: function stopDefau...

阅读全文...

用Javascript正则表达式验证Email地址

用Javascript正则表达式验证Email地址

先看如下一段代码: function isValidMail(sText){ var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; return reMail.test(sText); } 似乎这样验证像sofish@163.com这样的邮箱是没问题的。但,由于仔细看一下在AT(@)后面的非捕获性引用中,使用的是*(出现任意次): var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; 那么,也包括出现0次,这样的话。像sofish@163com这样的邮箱也...

阅读全文...

带关闭功能的网站顶部滑出的广告提示条

带关闭功能的网站顶部滑出的广告提示条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>带关闭功能的网站顶部滑出的广告提示条</title> <style> body{margin:0px;padding:0px} .home_tx {PADDING-RIGHT: 0px;...

阅读全文...

教你怎么写jQuery的插件

教你怎么写jQuery的插件

jQuery(以下简称JQ)是一个功能强大而又小巧的JS框架,现在很多网站都在使用JQ,本站也不例外。本文教大家如何写一个属于你自己的JQ插件。 本JQ插件例子是在你网站的文章结尾处添加你的版权。 JQ插件标准的封装代码如下,首先需要闭包: <script type="text/javascript"> (function ($) { //这里放入插件代码 })(jQuery); </script> 这是jQuery官方的插件开发规...

阅读全文...

前端开发中常用正则表达式

前端开发中常用正则表达式

整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:”^[0-9]*$” 只能输入n位的数字:”^\d{n}$” 只能输入至少n位的数字:”^\d{n,}$” 只能输入m~n位的数字:”^\d{m,n}$” 只能输入零和非零开头的数字:”^(0|[1-9][0-9]*)$”。 只能输入有两位小数的正实数:”^[0-9]+(.[0-9]{2})?$”。 只能输入有1~3位小数的正实数:”^[0-9]+(.[0-9]{1,3})?$”。 只能输入非零的正整数:”^\+?[1-9][0-9]*$”。 只能...

阅读全文...

理解Javascript的闭包

理解Javascript的闭包

Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。 什么是闭包 闭包是什么?闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西,简而言之,闭包就是:...

阅读全文...

DOM元素上jQuery事件几点学习

DOM元素上jQuery事件几点学习

闲着无聊看了jQuery event部分的代码,发现一个小惊喜,嘿嘿,可能我奥特曼了。以下一jQuery 1.4.4版本说事,更高级版本稍有不同,但是关系不大。 jQuery 在元素上绑定事件的时候,会在该元素上添加一个自定义属性“events”,这个属性包含了通过jQuery绑定事件的事件集合,例如: 这样一个元素: <a id="bind" href="#">这是一个绑定了事件的元素(bind)</a> ...

阅读全文...