web前端
文章平均质量分 64
javagtcpp
本人自09年开始对编程感兴趣,经过一段时间的了解,最后决定发展java,虽然有人说java是民间组织,可是我以为java会称霸世界,指日可待。。。
展开
-
详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起,所以就有了5种或6种选择器了。三种基本的选择器类型语法如下:◆标签名选择器,如:p{},即直接原创 2012-12-06 17:36:32 · 487 阅读 · 0 评论 -
基于文档流解读html元素的(css)定位形式
文档流: 将窗体自上而下分成一行行, 并在每行中按从左至右的挨次排放元素,即为文档流。 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。 内联元素也不会独有一行. 简直一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。 有三种状况将使得元素离开文档流而存在,分别是原创 2013-09-25 11:05:02 · 1065 阅读 · 0 评论 -
jQuery禁止鼠标右键
jQuery屏蔽鼠标右键:$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});------------------------------------------------------原创 2013-10-14 15:00:51 · 870 阅读 · 0 评论 -
攻破iframe围城
面试的时候遇到一个题目:如何遍历页面中的frame和iframe得到他们的name,结果发现自己用document.getelementbytagname来做,回来google了下,发现原来是这么做的:http://www.w3.org/1999/xhtml" > 无标题页var len=window.frames.length;for(i=0;i原创 2013-10-15 16:49:39 · 815 阅读 · 0 评论 -
JS实现点击图片在当前页面放大的漂亮效果
JS实现点击图片在当前页面放大的漂亮效果2010-06-03 12:04Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.点击这里查看实例演示如何使用:步骤 1 - 安装1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous原创 2013-10-18 16:50:01 · 1869 阅读 · 0 评论 -
自动清除firefox缓存
1.在firefox的地址栏上输入about:config回车2.找到browser.cache.check_doc_frequency选项,双击将3改成1保存即可。 选项每个值都是什么含义的。请看下面的解释:0: Once per session 每个进程一次 每次启动Firefox时检查1: Each time 【开发人员强烈建议开这个】每次访问此页时检查2: Never原创 2013-10-23 14:43:04 · 978 阅读 · 0 评论 -
改变文件域的样式-兼容ie、firefox
function getValue(){ document.getElementById('ye').value = document.getElementById('j').value;}思路:1、把顽固的文件域就是 透明化:style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;"2、用一个原创 2013-10-23 11:49:01 · 847 阅读 · 0 评论 -
js 获取上传文件名
为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好,但是,可不是网上流传的那样,用 path.substring(path.lastIndexOf('/')+1) ; 这个样在工作的时候会出现不少问题。比如,firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。所以要区别对待,在firefox下 lastIndexOf('原创 2013-10-23 14:17:29 · 1299 阅读 · 0 评论 -
jQuery插件的编写相关技术 设计总结和最佳实践
1、声明插件名称:添加一个函数到jQuery.fn(jQuery.prototype)对象,该函数的名称就是你的插件名称:jQuery.fn.myPlugin = function() { // Do your awesome plugin stuff here};在命名不与jQuery其他函数冲突的情况,可以使用闭包的方式使用$符号:(functio原创 2013-10-23 14:40:22 · 1011 阅读 · 0 评论 -
js中this的总结
在面向对象编程语言中,对于this关键字我们是非常熟悉的。比如C++、C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的。JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了。 下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1、在HTML元原创 2013-10-23 18:28:44 · 797 阅读 · 0 评论 -
js中如何复制一个对象,如何获取所有属性和属性对应的值
在js中如何复制一个对象,例如如下一个js对象。如果知道这个对象的所有属性自然就可以重新new一个,然后对每个属性赋值,就可以做到,但如果不知道呢?如何创建一个内容相同 的对象呢?[javascript] view plaincopyvar obj={ colkey: "col", colsinfo: "NameList" }原创 2013-10-23 18:57:20 · 1952 阅读 · 0 评论 -
insertAdjacentHTML方法详解
添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和 insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同方原创 2013-11-01 14:54:25 · 1331 阅读 · 0 评论 -
CSS之float和clear的区别
float:left; 当前元素向左侧浮动.float:right: 当前元素向右侧浮动.clear:left; 禁止左侧出现浮动元素,如果左侧存在浮动元素,则当前元素将在浮动元素下面另起一行呈现.clear:right; 禁止右侧出现浮动元素,如果右侧存在浮动元素,则右侧的浮动元素将在当前元素下面另起一行呈现.clear:both; 禁止左右两侧出现浮动元素,当前元素将排斥浮动元素独占原创 2013-09-25 11:07:30 · 1018 阅读 · 0 评论 -
multipart/form-data和application/x-www-form-urlencoded的区别
FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型,默认的缺省值是“application/x-www-form-urlencoded”。 然而,在向服务器发送大量的文本、包含非ASCII字符的文本或二进制数据时这种编码方式效率很低。 在文件上载时,所使用的编码类型应当是“multipart/form-data”,它既可以发送文本数据,也支持二原创 2013-10-09 17:02:58 · 674 阅读 · 0 评论 -
ashx文件的使用
一提到Ashx文件,我们就会想到http handler以及图片加载(在之前我们一般使用ASPX或者Webservice去做),一般做法如下:Handler.ashx:using System;using System.IO;using System.Web;public class Handler : IHttpHandler {public bool原创 2013-10-08 13:48:51 · 1152 阅读 · 0 评论 -
父子页面传值的问题
父页面无标题页function opendialog1(){var someValue=window.showModalDialog("b.html","","dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no");document.form1.p1t.value=someValu原创 2012-12-10 09:47:18 · 595 阅读 · 0 评论 -
js showModalDialog参数传递
showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法.使用方法: vReturnValue = window.showModa原创 2012-12-10 10:03:04 · 582 阅读 · 0 评论 -
JQuery给元素添加节点,比如select、
jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val(); //获取Select选原创 2013-04-01 19:58:15 · 1288 阅读 · 0 评论 -
CSS中图片于文本的基线对齐设置
文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐。设置各对象的vertical-align属性,属性说明:baseline-将支持valign特性的对象的内容与基线对齐sub-垂直对齐文本的下标super-垂直对齐文本的上标top-将支持valign特性的对象的内容与对象顶端对齐text-top-将原创 2013-04-01 19:56:58 · 7866 阅读 · 0 评论 -
JS 模态对话框和非模态对话框
模态窗口 javascript 技巧汇总(传值、打开、刷新)1、要弹出的页面中,一定要保证标签间有,否则会弹出的模态窗口上,点击按钮时,会再次弹出一个新页面。2、被弹出页面的按钮的事件处理中,应该有Response.Write(new Function().ClosePage());语句,用以关闭当前的模态窗口。3、因为幽默的缓存原因,如果你在模态窗口中修改了数据,你会发现,父页面原创 2013-04-13 11:16:38 · 1977 阅读 · 0 评论 -
JS取消事件的默认行为和取消冒泡
看了几篇博客,终于弄清楚了:http://www.cnblogs.com/Ren_Lei/archive/2010/09/26/1836130.htmlhttp://hi.baidu.com/baidu_bianlin/item/ea1bf2daadaf36e4b2f7771ehttp://zhidao.baidu.com/question/16428468原创 2013-04-22 13:21:28 · 3751 阅读 · 0 评论 -
xpath路径表达式笔记
简单说,xpath就是选择XML文件中节点的方法。 所谓节点(node),就是XML文件的最小构成单位,一共分成7种。 - element(元素节点) - attribute(属性节点) - text (文本节点) - namespace (名称空间节点) - processing-instruction (处理命令节点) - comment (注释节点) - root (根节点) xpath可以转载 2013-05-03 13:08:30 · 673 阅读 · 0 评论 -
checkbox的indeterminate属性
我们在使用Windows XP的文件夹属性对话框时,会发现文件夹的Attributes分类里的Read-only和Hidden选项有时不是完全的checked或unchecked状态,而常常是一种虽然已被打勾但背景又是灰色的状态。其实这种不确定的CheckBox状态Web中也是可以表现的。 在Web页面中,我们可以使用来得到一个CheckBox控件。这个控件最常见的形式就是ch原创 2013-05-08 09:51:19 · 1070 阅读 · 0 评论 -
IE5.0之后的htc组件的定义
在微软IE 5.0版本的浏览器发布以前,网页编程中面对的最大挑战就是不能轻易地创建组件,以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML(动态 HEML)的网页编程者。他们只能不断地重复书写HTML、CSS和javascript的代码,以满足多个页面上的重复或相似的功能。自IE 5.0浏览器发布后,这种情况得到了改善,它带给我们一个新的指令组合方法,可把实现特定功能的代码封装在一个组原创 2013-05-09 13:00:24 · 931 阅读 · 0 评论 -
HTTP的请求头标签If-Modified-Since
一直以来没有留意过HTTP请求头的IMS(If-Modified-Since)标签。最近在分析Squid的access.log日志文件时,发现了一个现象。就是即使是对同一个文件进行HTTP请求,第一次和第二次产生的网络流量数据也是不一致的。在调查的过程中,逐渐了解了HTTP的If-Modified-Since的头标签的作用。大家都知道客户端浏览器是有缓存的,里面存放之前访问过的一些原创 2013-09-11 23:46:31 · 1636 阅读 · 0 评论 -
试试代码段
/* * SyntaxHighlighter Code */ function output(tips){ document.write(tips + ' ') }原创 2013-09-29 16:22:09 · 651 阅读 · 0 评论 -
Div的宽度与高度的100%设定
div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。举例说明:父div宽300高200,子div如果在这个条件下设置宽高都为100%的话,那大小就是父div的宽300高200,在尝试中你会发现,div显示会受自身和其上一级div的padding和margin影响,而其实际宽高不受影响。值得玩味噢!如果要原创 2013-11-06 13:52:03 · 3045 阅读 · 0 评论