
Web前端技术
Web前端技术,包含HTML、JavaScript、Jquery......等。
IT_LOSER
10年搬砖,继续砌墙。。。
展开
-
JavaScript学习总结(十八)——JavaScript屏蔽Backspace键
今天在IE浏览器下发现,当把使用readonly="readonly"属性将文本框设置成只读时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Backspace键。代码如下:转载 2016-05-05 13:28:19 · 427 阅读 · 0 评论 -
JavaScript学习总结(十九)——JavaScript获取浏览器类型与版本
从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 2 var Sys = {}; 3 var ua = navigator.userAgent.toLowerCase(); 4 var s; 5 (s = ua.match(/msie ([\d.]+)/)) ? S转载 2016-05-05 13:29:23 · 300 阅读 · 0 评论 -
JavaScript获取浏览器类型与版本
从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 2 var Sys = {}; 3 var ua = navigator.userAgent.toLowerCase(); 4 var s; 5 (s = ua.match(/msie ([\d.]+)/转载 2016-05-04 15:20:35 · 334 阅读 · 0 评论 -
JavaScript学习总结(一)——JavaScript基础
一、JavaScript语言特点1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。1.2、JavaScri转载 2016-05-05 09:21:09 · 277 阅读 · 0 评论 -
JavaScript学习总结(九)——Javascript面向(基于)对象编程
一、澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫“原型对象”,因此"类=原型对象"二、类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象,是概念的,代表一类事物。 2.对象是具体的,实际的,代表一个具体的事物。 3.类(原型对象)是对象实例的模板,对象实例是类的一个个体。三、抽象的定义转载 2016-05-05 10:39:51 · 246 阅读 · 0 评论 -
JavaScript学习总结(十)——this关键字
1 2 function Person(){ 3 /*使用var 属性名定义的属性是类的私有属性,外界无法访问,要想被外界访问,就要使用公共方法*/ 4 var QQ="123456"; 5 var Email="123456@qq.com"; 6 7 /*使用this.属性名定义的属性就是类的公共属性,是可转载 2016-05-05 13:19:49 · 244 阅读 · 0 评论 -
IE8下的JavaScript兼容问题
博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的。开始代码是这么写的:var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.Set转载 2016-05-05 15:56:54 · 606 阅读 · 0 评论 -
js 监听监键盘动作
主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次转载 2016-10-19 09:31:23 · 1262 阅读 · 0 评论 -
JavaScript学习总结(二十)——Javascript非构造函数的继承
一、什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人"。1 var Chinese = {2 nation:'中国'3 }; 还有一个对象,叫做"医生"。1 var Doctor ={2 career:'医生'3 } 请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国医生"的对象? 这里要注意,转载 2016-05-05 13:30:09 · 265 阅读 · 0 评论 -
JavaScript学习总结(十一)——Object类详解
一、Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数。二、Object类主要属性 1.constructor:对象的构造函数。 2.prototype:获得类的prototype对象,static性质。三、Object类主要方法 1.hasOwnProperty(proper转载 2016-05-05 13:20:44 · 295 阅读 · 0 评论 -
使用js加载器动态加载外部Javascript文件
今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下:JsLoader.js 1 var MiniSite=new Object(); 2 /** 3 * 判断浏览器 4 */ 5 MiniSite.Browser={ 6 ie:/msie/.test(window.navigator.userAgent.toLowerCase()),转载 2016-05-05 13:30:49 · 2120 阅读 · 0 评论 -
禁用浏览中的Tab键
代码如下:转载 2016-05-05 15:55:18 · 1059 阅读 · 0 评论 -
JavaScript学习总结(七)——JavaScript函数(function)
一、函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数。二、JavaScript函数的分类 1、自定义函数(我们自己编写的函数),如:function funName(){} 2、系统函数(JavaScript自带的函数),如alert函数。三、函数的调用方式 1、普通调用:functionName(实际参数...) 2、通过指向函数的变量去调用:转载 2016-05-05 10:38:12 · 288 阅读 · 0 评论 -
在Firefox中通过JavaScript复制到剪贴板(Copy to Clipboard)
英文标题:JavaScript Copy to Clipboard in FirefoxJavaScript代码如下:function copy_to_clipboard(text) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); }转载 2016-05-05 15:56:07 · 1086 阅读 · 0 评论 -
JavaScript学习总结(四)——逻辑OR运算符详解
在JavaScript中,逻辑OR运算符用||表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue || bFalse;下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetruetruetruefalsetrue转载 2016-05-05 10:33:56 · 495 阅读 · 0 评论 -
JavaScript学习总结(八)——JavaScript数组
JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组、ArrayList、Hashtable等的超强综合体。一、数组的声明 常规方式声明: 1、var arrName = new Array();//创建一个数组 2、vararrName = new Array([size]); //创建一个数组并指定长转载 2016-05-05 10:39:10 · 252 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成对象的原始模式 假定我们把猫看成一个对象,它有转载 2016-05-05 13:33:03 · 233 阅读 · 0 评论 -
JavaScript学习总结(十五)——Function类
在JavaScript中,函数其实是对象,每个函数都是Function类的实例,既然函数对象,那么就具有自己的属性和方法,因此,函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。一、函数的声明方式一:常规方式1 function sum1(num1,num2){2 return num1+num2 3 }方式二:函数表达式1 var su转载 2016-05-05 13:24:08 · 314 阅读 · 0 评论 -
JavaScript学习总结(六)——JavaScript判断数据类型总结
孤傲苍狼只为成功找方法,不为失败找借口!JavaScript学习总结(六)——JavaScript判断数据类型总结 最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧!一、JS中的数据类型 1.数值型(Number):包括整数、浮点数。 2.布尔型(Boolea转载 2016-05-05 10:37:19 · 270 阅读 · 0 评论 -
JavaScript学习总结(十六)——Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。很早就接触过闭包这个概念了,但是一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,今天在网上看到了一篇讲JavaScript闭包的文章(原文链接),讲得非常好,这下算是彻底明白了JavaScript的闭包到底是个神马东东以及闭包的用途了,在此写出来和大家分享一下,希望转载 2016-05-05 13:24:49 · 252 阅读 · 0 评论 -
JavaScript学习总结(三)——逻辑And运算符详解
在JavaScript中,逻辑 AND 运算符用双和号(&&)表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue && bFalse; 下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetruetruetruefals转载 2016-05-05 09:23:44 · 329 阅读 · 0 评论 -
JavaScript学习总结(十七)——Javascript原型链的原理
一、JavaScript原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中,用__proto__ 属性来表示一个对象的原型链。当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止!比如现在有如下的代码:扩展Object类转载 2016-05-05 13:25:36 · 333 阅读 · 0 评论 -
[Javascript]用正则表达式替换字符串中的图片地址(img src)
今天开发中遇到一个问题:如何替换一段HTML字符串中包含的所有img标签的src值?开始想到的解决方法是:content.replace(/]*src=['"]([^'"]+)[^>]*>/gi, function (match) { console.log(match);});输出结果是:img src="http://static.cnblogs.com/转载 2016-05-05 15:57:52 · 2513 阅读 · 0 评论 -
JavaScript学习总结(十二)——JavaScript编写类
在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式。1、构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对象。基本语法:function 类名(){ this.属性名;//公共属性转载 2016-05-05 13:21:28 · 292 阅读 · 0 评论 -
JavaScript学习总结(五)——Javascript中==和===的区别
一、JavaScript"=="的作用当==两边的内容是字符串时,则比较字符串的内容是否相等。当==两边的内容是数字时,则比较数字的大小是否相等。当==两边的内容是对象或者是对象的函数属性时,则比较内存地址是否相等。二、==和===的区别 ==用于一般比较,===用于严格比较,==在比较的时候可以转换数据类型,===严格比较,只要类型不匹配就返回flase。举例说明:转载 2016-05-05 10:36:07 · 226 阅读 · 0 评论 -
使用JavaScript的数组实现数据结构中的队列与堆栈
今天在项目中要使用JavaScript实现数据结构中的队列和堆栈,这里做一下总结。一、队列和堆栈的简单介绍1.1、队列的基本概念 队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出! 如下图所示: 1.2、堆栈的基本概念 堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! 如下图所示: 二、 在JavaS转载 2016-05-05 13:31:25 · 285 阅读 · 0 评论 -
JavaScript学习总结(二)——逻辑Not运算符详解
在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。逻辑 NOT 运算符的行为如下:如果运算数是对象,返回 false 如果运算数是数字 0,返回 true 如果运算数是 0 以外的任何数字,返回 false 如果运算数是 nul转载 2016-05-05 09:22:50 · 379 阅读 · 0 评论 -
Javascript中new Date的坑
在一段判断是否过期的js代码中是这么写的:if (new Date() new Date(2014, 9, 25)) { //...}后来发现过了9月25日竟然不过期,console.log打印一下new Date(2014, 9, 25)的值:Sat Oct 25 2014 00:00:00 GMT+0800 (CST) 竟然变成了10月25日!于是,判转载 2016-05-05 15:58:44 · 340 阅读 · 0 评论 -
如何使用jquery刷新当前页面
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于框架)opener.location.reload()刷新父窗口对象(用于单开窗口)top.location.reload()刷新最顶端对象(用于多开窗口)下面再介绍一原创 2016-05-31 09:10:36 · 24872 阅读 · 0 评论 -
JavaScript学习总结(十三)——极简主义法编写JavaScript类
前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使用极简主义法完成JavaScript的封装和继承1. 封装 首先,它也是用一个对象模拟"类转载 2016-05-05 13:22:26 · 374 阅读 · 0 评论 -
固定电话+手机号码正则表达式
固定电话+手机号码正则表达式区号+座机号码+分机号码:regexp="^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$"手机(中国移动手机号码):regexp="^((\(\d{3}\))|(\d{3}\-))?13[456789]\d{8}|15[89]\d{8}"所有手机号码:regexp="^((\(\d{3}\)原创 2016-05-31 14:46:59 · 876 阅读 · 0 评论 -
JavaScript学习总结(十四)——JavaScript编写类的扩展方法
在JavaScript中可以使用类的prototype属性来扩展类的属性和方法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性。一、扩展JavaScript内置类,添加动态方法语法格式:转载 2016-05-05 13:23:30 · 337 阅读 · 0 评论 -
JavaWeb学习总结(二)——Tomcat服务器学习和使用(一)
一、Tomcat服务器端口的配置 Tomcat的所有配置都放在conf文件夹之中,里面的server.xml文件是配置的核心文件。 如果想修改Tomcat服务器的启动端口,则可以在server.xml配置文件中的Connector节点进行的端口修改例如:将Tomcat服务器的启动端口由默认的8080改成8081端口Tomcat服务器启动端口默认配置1 Conne翻译 2016-05-04 14:55:37 · 3549 阅读 · 0 评论 -
javaweb学习总结(四十一)——Apache的DBUtils框架学习
一、commons-dbutils简介 commons-dbutils 是 Apache 组织提供的一个开源 JDBC工具类库,它是对JDBC的简单封装,学习成本极低,并且使用dbutils能极大简化jdbc编码的工作量,同时也不会影响程序的性能。因此dbutils成为很多不喜欢hibernate的公司的首选。 commons-dbutilsAPI介绍:转载 2016-05-04 16:01:50 · 364 阅读 · 0 评论 -
JavaWeb学习总结(五十一)——邮件的发送与接收原理
JavaWeb学习总结(五十一)——邮件的发送与接收原理一、 邮件开发涉及到的一些基本概念1.1、邮件服务器和电子邮箱 要在Internet上提供电子邮件功能,必须有专门的电子邮件服务器。例如现在Internet很多提供邮件服务的厂商:sina、sohu、163等等他们都有自己的邮件服务器。 这些邮件服务器类似于现实生活中的邮局,它主要负责接收用户投递过来的邮件转载 2016-05-04 16:12:04 · 532 阅读 · 0 评论 -
JavaWeb学习总结(三)——Tomcat服务器学习和使用(二)
一、打包JavaWeb应用 在Java中,使用"jar"命令来对将JavaWeb应用打包成一个War包,jar命令的用法如下: 范例:将JavaWebDemoProject这个JavaWeb应用打包成war包 执行完之后,就可以得到一个文件,平时开发完JavaWeb应用后,一般都会将JavaWeb应用打包成一个war包,然后将这个war包放到Tomcat服务器转载 2016-05-04 14:56:37 · 430 阅读 · 0 评论 -
javaweb学习总结(三十)——EL函数库
一、EL函数库介绍 由于在JSP页面中显示数据时,经常需要对显示的字符串进行处理,SUN公司针对于一些常见处理定义了一套EL函数库供开发者使用。 这些EL函数在JSTL开发包中进行描述,因此在JSP页面中使用SUN公司的EL函数库,需要导入JSTL开发包,并在页面中导入EL函数库,如下所示: MyEclipse自带的JSTL开发包: fn.tld就是EL函数转载 2016-05-04 15:50:43 · 244 阅读 · 0 评论 -
javaweb学习总结(四十二)——Filter(过滤器)学习
一、Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信息等一些高级功能。 Servlet API中提供了一个F转载 2016-05-04 16:02:36 · 254 阅读 · 0 评论 -
javaweb学习总结(十八)——JSP属性范围
所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围。一、JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种:当前页:一个属性只能在一个页面中取得,跳转到其他页面无法取得一次服务器请求:一个页面中设置的属性,只要经过了服务器跳转,则跳转之后的页面可以继续取得。一次会话:一个用户设置的内容,只要是与此用户相关的页面都可以访问转载 2016-05-04 15:16:56 · 264 阅读 · 0 评论 -
javaweb学习总结(十)——HttpServletRequest对象(一)
一、HttpServletRequest介绍 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中,通过这个对象提供的方法,可以获得客户端请求的所有信息。二、Request常用方法2.1、获得客户机信息 getRequestURL方法返回客户端发出请求时的完整URL。 getR转载 2016-05-04 15:04:33 · 236 阅读 · 0 评论