web前端
文章平均质量分 68
l498948617
这个作者很懒,什么都没留下…
展开
-
js数组与字符串的相互转化
数组与字符串的相互转化var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(","); //字符串转化为数组var obj2 = "new2abcdefg".split(""); //字符串转化为数组aler转载 2015-10-24 22:28:03 · 537 阅读 · 0 评论 -
jQuery选择器大全及其实例
选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器(指定id元素)将i转载 2014-05-14 12:43:39 · 562 阅读 · 0 评论 -
window.status属性的使用方法
当鼠标指向一个链接时,浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间,Java applet进行初始化或者其他可能的时候,有些消息会显示在这个位置上。然而,可以用JavaScript在状态栏显示自己的信息,有时这对用户是有益的,比如,可以用一个友好简单的页面描述来代替URL链接。 任何时候都可以把其他文本赋给window.status属性。当光标位于链接上时,为了改变链接的状态转载 2014-03-13 09:02:31 · 3891 阅读 · 1 评论 -
window对象的status、location、name、self、opener属性的使用
window对象的status、location、name、self、opener属性的使用 window对象的status、location、name、self、opener属性的使用 Window对象是客户端#最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象转载 2014-03-13 09:09:26 · 703 阅读 · 0 评论 -
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局转载 2014-03-13 09:15:03 · 435 阅读 · 0 评论 -
onMouseEnter 和onMouseOver区别以及跨浏览器解决策略
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件 ..这话怎么理解呢? 对于mouseover 时间来说 当鼠标从其他元素 移动到 child节点时发生 但此事件会冒泡 所以会导致 parent 也出发mouseover 如果我们对 parent注册了 mouseover监听. 则可能会产生一个什么问题转载 2014-03-13 10:29:44 · 866 阅读 · 0 评论 -
浏览器兼容性问题解决方案之CSS
在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明,现在继续对浏览器中存在的CSS的兼容性问题进行简单说明。1)列表不能换行的问题问题: li设置为浮动,后面的li紧随其后,不能换行解决:转载 2014-03-25 16:18:10 · 678 阅读 · 0 评论 -
JS的事件冒泡及其阻止方法
什么是JS事件冒泡?:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 如何来阻转载 2014-03-25 16:33:35 · 683 阅读 · 0 评论 -
select option 问题总结
1、IE8 下 select option 内容过长 , 展开时信息显示不全 , 简单折衷的方式就是给 option 加上 title 属性 , 但是又不想一个个的修改,怎么办呢,代码如下 ://select option bind title$(document).delegate('select', 'mouseover', function(){ var $this = $(th原创 2014-03-26 13:47:42 · 2278 阅读 · 0 评论 -
ContentType ,charset和pageEncoding的区别
pageEncoding:设置JSP源文件和响应正文中的字符集编码。contentType:设置JSP源文件和响应正文的字符集编码及MIME类型。可见,pageEncoding和contentType都可以设置JSP源文件和响应正文中的字符集编码。但也有区别:设置JSP源文件字符集时,优先级为pageEncoding>contentType。如果都没有设置,默认ISO-8859-1。转载 2014-01-07 09:44:05 · 523 阅读 · 0 评论 -
ExtJs:el与contentEl区别
1、把嵌入到当前Ext元素panel内:Js代码 { fieldLabel: "上传图片", xtype: 'panel', contentEl: 'div_exam' } 效果:Html代码 div class="x-panel-b转载 2013-12-24 12:49:55 · 620 阅读 · 0 评论 -
jstl标签fn:substring使用技巧 和 JSTL中fn表达式的使用说明
需求:将字段名为usercode的手机号18680002001中间四位替换成﹡按需求来说,替换后的结果是186****2001 ,笔者在公司开发用的是内网,无法第一时间用网络查询,公司产品是用Struts2,struts2托管给Spring了,当时写了${fn:substring(usercode,0,3)}****${fn:substring(usercode,7,正数)转载 2013-12-24 09:05:12 · 2816 阅读 · 0 评论 -
CSS属性中Display与Visibility的不同 (键人岐)
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。例:转载 2013-12-18 16:14:39 · 601 阅读 · 0 评论 -
模态窗口和非模态窗口
对话框一般分为两种类型:模态类型(modal)与非模态类型(modeless)。所谓模态对话框,就是指除非采取有效的关闭手段,用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会强制此种特性,用户可以在当前对话框以及其他窗口间进行切换。原创 2013-09-27 17:19:45 · 726 阅读 · 0 评论 -
jQuery 选择器参考手册
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素原创 2014-05-14 08:59:45 · 534 阅读 · 0 评论 -
em(倍)与px的区别
在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因转载 2015-06-30 16:21:39 · 439 阅读 · 0 评论 -
HTML 5新特性
HTML5 (1)语义化标记 ,,,,,,,,,, (2)表单增强 ①新的INPUT类型: color, email, date, month, week, time, datetime, datetime-local, number, range, search, tel, url ②新属性: req转载 2015-05-29 13:39:39 · 421 阅读 · 0 评论 -
HTML5 知识点(全)
一、新特性1. Doctype更简单2. 简单的编码类型 3. 大小写都可 4. 布尔值 5. 可以省略引号 6. 可以进行省略的标签 1) 不允许写的结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr转载 2015-05-29 13:38:22 · 552 阅读 · 0 评论 -
JS event使用方法详解
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。转载 2015-05-27 21:51:52 · 795 阅读 · 0 评论 -
ExtJs xtype一览
基本组件:xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton转载 2015-05-20 20:35:39 · 384 阅读 · 0 评论 -
include与jsp:include区别
我们都知道在jsp中include有两种形式,分别是 前者是指令元素、后者是行为元素。具体它们将在何处用?如何用及它们有什么区别?这应该是很多人看到它都会想到的问题。下面一起来看看吧。 通常当应用程序中所有的页面的某些部分(例如标题、页脚和导航栏)都相同的时候,我们就可以考虑用include。具体在哪些时候用,哪些时候用.这种形式。首先要明白的是它们之间的区别。只有了解转载 2015-04-24 13:40:41 · 323 阅读 · 0 评论 -
jquery attr()和css()的区别
1、css设置style里的样式 2、attr设置属性 例如: $("#txt").css("display","none")$("#txt").css({"display":"none","width":"5px",....})$("#txt").attr("title","zz")原创 2015-04-16 10:05:27 · 416 阅读 · 0 评论 -
[Ext JS 4] contentEL,renderTo, applyTo 释义与区别
前言经常使用contentEL,renderTo, applyTo 来增加HTML元素或是Ext JS 组件,这几个之间有什么关系,为什么Ext JS要提供这几种不同的方式?官方解释ContentEL从Ext.AbstractComponent这个类开始有这个配置。使用一个已存在的HTML元素,或者是这个元素的id 来作为某个组件的的转载 2015-04-16 09:16:54 · 474 阅读 · 0 评论 -
Ext.XTemplate 模板解析与实例
本篇将涉及到ExtJs中一个重要的概念,模板。话说Razor很神奇,但是我个人不是很喜欢那种html混编C#的方式,仿佛又回到了asp的时代。ExtJs的模板同样也可以组织生成灵活的html,而且代码和html有效的分离。本文将细细分析ExtJs模板的用法。行文之前我先把公共的html和用到的js数据贴在前面,后面的代码都要引用到。[html] 使用标签tpl和操作符fo转载 2014-11-05 10:25:27 · 786 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页转载 2014-03-26 16:24:33 · 500 阅读 · 0 评论 -
Ext: 由于出现错误 80020101 而导致此项操作无法完成。
Ext: 由于出现错误 80020101 而导致此项操作无法完成。If you try to load a full page in the panel, IE will blow since it doesn't allow multiple HTML tags. The html returned by your server should ONLY be the snippet转载 2014-04-09 15:10:09 · 1079 阅读 · 0 评论 -
window.createPopup()用法以及短消息提示框代码
一、在做一个portal项目时,用户要求在门户首页上的待办信息要有明确的提示,且在浏览器最小化的情况下,当有新的待办信息时,也要做提示。用了alert方法、或者用div的方法都很难实现“在浏览器最小化的情况下弹出提示信息”。alert方法会把信息弹出在桌面的正中央,同时会被其它窗口挡住。用div的方法实现的提示框会依赖于父窗口,因为它本身就是html页面上的一部分。最后发现,用window.cre转载 2014-04-14 09:18:50 · 675 阅读 · 0 评论 -
jQuery的.live()和.die()
很多开发者都知道jQuery的.live()方法,他们大部分知道这个函数做什么,但是并不知道是怎么实现的,所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些,但是你意识到.die()了吗?什么是 .live().live方法类似于.bind(),除此之外,它允许你将事件绑定到DOM元素上,可以将事件绑定到DOM中还不存在的元素转载 2014-04-24 14:46:37 · 528 阅读 · 0 评论 -
jQuery跟Extjs的区别
Extjs可以省下你大量做界面的时间,而且几乎不用怎么写代码,使用ext大部分时间都是学习怎么使用它的api,就算你不怎么熟练js,你都可以像用java一样来使用它。但是如果你想要修改ext的代码或者实现,你基本上无从下手.就像一般的程序员也根本改不动java的源代码一样.jQuery则不太相同,它很精巧,核心+插件式的开发应用.你不需要去动核心,你需要的功能,你可以通过插件来完成,如果你转载 2013-09-27 17:34:33 · 798 阅读 · 0 评论