摘要: 一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成。采用的方法很类似:var iframe = document.createElement("iframe");iframe.src = "http://www.jb51.net";if (!/*@cc_on!@*/0) { //if not IEiframe.onload = function(){alert("Local iframe is now loaded.");};} else {iframe.onreadystatechang 阅读全文
posted @ 2014-01-31 16:06 {前端开发} 阅读(1796) 评论(0) 推荐(0)
摘要: div仿框架布局 顶部内容(iframe上scrolling="yes" style="overflow:visible;"防止IE6出现iframe横向滚动条) 底部内容 阅读全文
posted @ 2014-01-20 16:45 {前端开发} 阅读(575) 评论(0) 推荐(0)
摘要: 1 call和apply,它们的作用都是将函数绑定到另外一个对象上去运行 2 两者的格式和参数定义: 3 call( thisArg [,arg1,arg2,… ] ); // 参数列表,arg1,arg2,... 4 apply(thisArg [,argArray] ); // 参数数组,argArray 5 上面两个函数内部的this指针,都会被赋值为thisArg,这可实现将函数作为另外一个对象的方法运行的目的 6 7 一、call 的简单用法 8 首先,我们先看个简单的例子(call): 9 [html] view p... 阅读全文
posted @ 2014-01-03 17:39 {前端开发} 阅读(415) 评论(0) 推荐(0)
摘要: phpstorm 快捷键phpstorm快捷键:// ctrl+shift+n 查找文件// ctrl+j 插入活动代码提示// ctrl+alt+t 当前位置插入环绕代码// alt+insert 生成代码菜单// ctrl+q 查看代码注释// ctrl+d 复制当前行// ctrl+y 删除当前行// shift+F6 重命名// ctrl+shift+u 字母大小写转换// ctrl+f 查找// ctrl+r 替换// F4 查看源码// ctrl+shift+i 查看变量或方法定义源// ctrl+g 跳转行// ctrl+alt+F12 跳转至当前文件在磁盘上的位置// alt+ 阅读全文
posted @ 2013-12-26 17:38 {前端开发} 阅读(467) 评论(0) 推荐(0)
摘要: 1.操作数组元素--将数组中的元素转换为大写显示出来 2.刷选数组元素--只显示长度超过4个字符的名字 Member Name Filter Member Name 3.字符串数组,数字数组排序 Member Name Filter Member Name Number Sort Number ... 阅读全文
posted @ 2013-12-18 11:50 {前端开发} 阅读(2837) 评论(0) 推荐(0)
摘要: 如何使用 Apache 在本地配置出多个虚拟主机呢?而且使用不同的“域名”来访问本地不同的站点呢?一般情况下,咱们都使用 localhost 来访问本机上的服务器,在我们的 C:/WINDOWS/system32/drivers/etc/hosts 文件中默认有一个:127.0.0.1 localhost当我们在浏览器地址栏键入:http://localhost的时候,会显示出服务器根目录中的许多文件夹(若你的根目录不是只有一个站点的话),就像:Index of /* BAK/* B_Discuz/* B_Supesite/* B_UCenter/* B_Uchome/* B_Uchome_B 阅读全文
posted @ 2013-12-09 13:41 {前端开发} 阅读(381) 评论(0) 推荐(0)
摘要: 最近在做一个web版的管理Tool,其中包括一个编辑框,要求能够编辑文字,插入图片,最后导出做成一个Html。对于资深人士看来,这很容易啊,不就是一个富文本编辑框吗?这其实就是一个概念的问题,对有经验的人来说,脑子里面有了概念,就能一下子抓到点上,快速地进行分析。但是对于我来说就没有富文本编辑框的概念,加之由于公司内有做网页的比较少,能够求教的人不多,因此我只好一步一步慢慢研究,总之走了很多弯路。其中一些硌人的障碍就不说了。下面我就简短地总结一下有关经验吧。一.编辑框大多数富文本编辑框都是用iFrame做的。只要我们将designMode属性设置成"on",则个iframe 阅读全文
posted @ 2013-12-02 16:06 {前端开发} 阅读(666) 评论(0) 推荐(0)
摘要: 目录:表单:1.引用表单2.提交表单3.重置表单4.表单字段在HTML中,表单是由元素来表示的,而在javascript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其他HTML元素具有相同的默认属性。不过HTMLFormElement也有自己的属性和方法:acceptCharset服务器能够处理的字符集;等价于HTML中的accept-charset特性action接受请求的URL;等价于HTML中的action特性elements表单中所有控件的集合enctype请求的编码类型;等价于HTML中的enctype特性l 阅读全文
posted @ 2013-11-28 16:45 {前端开发} 阅读(933) 评论(0) 推荐(0)
摘要: Index 阅读全文
posted @ 2013-11-20 16:18 {前端开发} 阅读(512) 评论(0) 推荐(0)
摘要: Index '插入style做法: //查找资料 P237页 高级javascript第2版//针对Opear 火狐 IEdiv.innerHTML="_"div.removeChild(div.firstChild);//针对safari 和 chromedocument.getElementsByTagName('head')[0].appendChild('div.firstChild')不是所有元素都有innerHTML属性。不支持innerHTML的元素有按照相同的逻辑,下列DOM代码应该是有效的://代码可以在Firefo 阅读全文
posted @ 2013-11-20 16:17 {前端开发} 阅读(286) 评论(0) 推荐(0)
摘要: 在js中如何判断当前浏览器正在以何种方式解析?document对象有个属性compatMode ,它有两个值:BackCompat 对应quirks modeCSS1Compat 对应strict mode呈现模式document.compatMoe == 'CSS1Compat' //标准模式 strict modedocument.compatMoe == 'BackCompat' //混杂模式 quirks modeEventUtil.addHandler(window, "scroll", function () { if (docu 阅读全文
posted @ 2013-11-18 16:46 {前端开发} 阅读(530) 评论(0) 推荐(0)
摘要: http://www.jb51.net/article/23387.htm 阅读全文
posted @ 2013-11-01 15:40 {前端开发} 阅读(957) 评论(0) 推荐(0)
摘要: HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(response),连接就被关闭了,在服务器端不保留连接的有关信息.HTTP遵循请求(Request)/应答(Response)模型。Web浏览器向Web服务器发送请求,Web服务器处理请求并返回适当 阅读全文
posted @ 2013-10-13 15:09 {前端开发} 阅读(263) 评论(0) 推荐(0)
摘要: 总结:status体现的是服务器对请求的反馈,而readystate表明客户端与客户的交互状态过程。1- AJAX状态值与状态码区别AJAX状态值是指,运行AJAX所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为AJAX运行步骤。如:正在发送,正在响应等,由AJAX对象与服务器交互时所得;使用“ajax.readyState”获得。(由数字1~4单位数字组成)AJAX状态码是指,无论AJAX访问是否成功,由HTTP协议根据所提交的信息,服务器所返回的HTTP头信息代码,该信息使用“ajax.status”所获得;(由数字1XX,2XX三位数字组成,详细查看RFC)这就是我们在使 阅读全文
posted @ 2013-10-13 14:37 {前端开发} 阅读(15253) 评论(0) 推荐(1)
摘要: 没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置 父级 iframe ,或 孙级 iframe 高度。functionshowIframeH() 阅读全文
posted @ 2013-10-10 22:29 {前端开发} 阅读(526) 评论(0) 推荐(0)
摘要: ::selection { background:#d3d3d3; color:#555;}::-moz-selection { background:#d3d3d3; color:#555;}::-webkit-selection { background:#d3d3d3; color:#555;}.maroon::selection { background:maroon; color:#fff;}.maroon::-moz-selection { background:maroon; color:#fff;}.maro... 阅读全文
posted @ 2013-10-10 14:34 {前端开发} 阅读(363) 评论(0) 推荐(0)
摘要: 虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框。方法一:利用javascript的onfocus事件,实现如下:Html代码设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码$('a').bind('focus', function(){ if(this.blur){ //如果支持 this.blur this.blur(); } });方法二:利用css样式,实现如下:Css代码 a{ blr: expression(this.onFocus... 阅读全文
posted @ 2013-10-07 19:11 {前端开发} 阅读(435) 评论(0) 推荐(0)
摘要: 废话不多说,下面分别检测各个浏览器下的e.pageXe.layerXe.offsetXe.clientXe.x属性;测试浏览器:FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9 图示:测试结果如下:chrome:e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.clientX——相对可视区域的坐标e.x——相对可视区域的坐标ff:e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系... 阅读全文
posted @ 2013-10-07 15:22 {前端开发} 阅读(1286) 评论(0) 推荐(0)
摘要: 一、写在前面的都是自己积累形成的一些东西,可能带有明显的个人印记。不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解。以得到进步与提高。二、我所知的一些过往的做法关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的眼界不同而有所不同。由于我从业经历有限,所知甚浅,只能说些肤浅业余的内容,不准确之处欢迎指出。就CSS文件而言,有的网站分为header.css, body.css, footer.css,不做评价;有的分为reset.css, main.css, content.css,不做 阅读全文
posted @ 2013-09-29 10:41 {前端开发} 阅读(499) 评论(0) 推荐(0)
摘要: 1.原型链原型链是JavaScript中继承的主要方法。每个构造函数都拥有一个原型对象,原型对象都包含一个指向构造函数的指针(constructor),实例都包含一个指向原型对象的内部指针(__proto__)。假如,原型对象(Son.prototype)等于另一个类型(Pserson)的实例(person1),那么此时的原型对象(Son.prototype)将包含一个指向另一个原型(Person.prototype)的指针,相应的,另有一个原型(Person.prototype)中也包含着一个指向另一个构造函数(Person())的指针。再如,另一个原型(Person.prototype)又 阅读全文
posted @ 2013-09-24 10:16 {前端开发} 阅读(494) 评论(0) 推荐(0)
摘要: http://blog.csdn.net/phonegapcn事件类型:backbuttondevicereadymenubuttonpauseresumesearchbuttononlineofflinebackbutton当用户在Android系统上点击后退按钮的时候触发此事件。document.addEventListener("backbutton",yourCallbackFunction,false);详述:如果你需要在Android系统上重载默认后退按钮的行为,可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按 阅读全文
posted @ 2013-09-23 17:31 {前端开发} 阅读(225) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-09-23 10:59 {前端开发} 阅读(174) 评论(0) 推荐(1)
摘要: http://rainleaves.com/demo/transition/transition.html 阅读全文
posted @ 2013-09-04 18:02 {前端开发} 阅读(144) 评论(0) 推荐(0)
摘要: 所谓RGBA颜色,顾名思意就是R+G+B+A的颜色,再具体点就是RED+GREEN+BLUE+ALPHA的颜色,小写一下就是red+green+blue+alpha的颜色,翻译一下就是红+绿+蓝+Alpha透明的颜色。关于rgba的基础知识介绍,您可以参见这里:CSS3 RGBA colors使用参考指南我们平时用的较多的是16进制颜色,例如黑色#000000;白色#FFFFFF,这些是16进制表示的颜色,如果使用RGB颜色表示就是rgb(0, 0, 0)与rgb(255,255,255),其实本质上是一样的,只是一个是16进制表示的,一个是二进制表示的(RGB颜色)。而RGBA颜色归为CSS 阅读全文
posted @ 2013-09-04 15:47 {前端开发} 阅读(1385) 评论(0) 推荐(0)
摘要: Raphael是一个用于在网页中绘制矢量图形的Javascript库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。您可能感兴趣的相关文章经典的白富美型 jQuery 图片轮播插件2012年最佳 Web 前端开发工具和框架让人爱不释手的13套精美网页图标素材10套精美的免费网站后台管理系统模板精心挑选的优秀 jQuery Ajax 分页插件 Raphaël是跨浏览器的矢量图形库,目前支持的浏览器包括 阅读全文
posted @ 2013-08-30 11:22 {前端开发} 阅读(778) 评论(0) 推荐(0)
摘要: 一、前言利用CSS的border属性可以生成一些图形,例如三角或是圆角。纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例。我觉得此技术相当实用的,故本文再次简单叙述一下,另外,本文还将展示可能并不为众人所知的CSS border圆角生成技术。好了,裹脚布的话就不说了,直接进入正题。二、CSS border生成三角技术简介效果抢鲜下图为使用CSS的border属性实现的三角效果:.test{width:0; height:0; border-width:20px 10px; border- 阅读全文
posted @ 2013-08-23 17:56 {前端开发} 阅读(451) 评论(0) 推荐(0)
摘要: 一、引子Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。如果你正在运行的Firefox 3.6的最新测试版,你应该看看我们的互动演示,并查看相应的代码。使用单选按钮来切换不同的样式选项。二、含CSS渐变的背景(backgrounds)背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。Firefox支持两种类型的CSS渐变:线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)。三、线性渐变(Linea 阅读全文
posted @ 2013-08-13 17:15 {前端开发} 阅读(274) 评论(0) 推荐(0)
摘要: http://fmbip.com/CSS3性质(CSS3 Properties)平台MACWIN浏览器CHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERASAFARIIE版本53.610.1443.631010.54678RGBAYYYYYYYYYYNNNHSLAYYYYYYYYYYNNNMultiple BackgroundsYYNYYYNNYYNNNBorder ImageYYNYYYNNYYNNNBorder RadiusYYNYYYYNYYNNNBox ShadowYYNYYYNNYYNNNOpacityYYYYYYYYYYNNNCSS Animatio 阅读全文
posted @ 2013-08-13 16:39 {前端开发} 阅读(526) 评论(0) 推荐(0)
摘要: 一、关于纯CSS实现气泡对话框首先,来张大图:上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦。看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢。关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的,同时又很实用的一些技术。我们首先看下面这一张图片(截自人人网):可能颜色有点淡,在左上角有个90度的尖角,于是整个形成了一个气泡对话框。现在考考你,如果你来实现这个效果,你会怎么做?//zxx:假设你已经思考了一会儿。◕‿◕。我想,如果您没有看本文标题,可能就想到的是做个90度等腰三角形小图片;就算您知道可以 阅读全文
posted @ 2013-08-13 15:57 {前端开发} 阅读(1511) 评论(0) 推荐(0)
摘要: 一、前面的感慨以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真的试了一下,经过,我懵了,我呆了,我傻了,半天说不出话来,这…这…unbelievable,amazing,太神奇了,太不可思议了,几行简单的CSS,如此炫酷的动画效果,flash都不及的动画效果,我真是难以表达我的心情。我们可以先看一段下面我录制的视频(Safari4浏览器,时长11秒),看看使用transition实现的效果。下面由浅入深,使用纯CSS,一步一步实现图片墙动画效果。这里,必须要先说明一下:对于对于此transition 阅读全文
posted @ 2013-08-12 15:55 {前端开发} 阅读(1073) 评论(0) 推荐(0)
摘要: css代码:/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, 阅读全文
posted @ 2013-08-12 14:13 {前端开发} 阅读(338) 评论(0) 推荐(0)
摘要: 一、一开始的唠叨最近忙于开发,自淫于项目的一步步完工,心浮躁了。舍近而求远,兵家之大忌。我是不是应该着眼于眼前的东西,好好的静下心来,超过一般人的沉静与沉浸,研究最基本的东西呢?这番思考,让我找到了一些方向。对于checkbox,从我开始接触HTML开始,陆陆续续也研究过好多次,然而多是零星的知识点的累加,或是掌握了些表象的东西,是否深入核心,是否深入其本质,是否有了完善的总结,是否融入自己的世界观,都没有,而我今天要做的工作就是把过去的那些积累好好的精心的整理出来,加上自己的思考,加上自己的理解,展示出来。提前的说明:本文checkbox的讲解不针对Safari浏览器,或仅是一带而过,Saf 阅读全文
posted @ 2013-08-12 11:52 {前端开发} 阅读(1318) 评论(0) 推荐(0)
摘要: 概述IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题,实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类,仍有许多bug可以分在好几个部分之下,这种情况下,我将会将此bug分在普通bug这一部分。统计目前为止。本站点包含46个”普通bug”教程,5个”haslayout bug”教程,6个”不支持的方法”教程,一个“冲突bug”教程。总共58个教程,70个解决方法。最近的教程发布于2009年8月19日 15:38:47 星期三站点包含44个IE6 bug,28个IE7 bug以及19个IE8 bug。 阅读全文
posted @ 2013-08-12 11:49 {前端开发} 阅读(203) 评论(0) 推荐(0)
摘要: 一、字体与字符显示的关系这里左右方向的尖角,字体为宋体:不受字体影响型:<>这里左右方向的尖角,字体为Arial:不受字体影响型:<>这里左右方向的尖角,字体为Lucida Sans Unicode:不受字体影响型:<>这里左右方向的尖角,字体为Times New Roman:不受字体影响型:<>这里左右方向的尖角,字体为Verdana:不受字体影响型:<>这里上下方向的尖角,字体为宋体,小尖角:ˇ^不受字体影响型:∧∨这里上下方向的尖角,字体为Arial,小尖角:ˇ^不受字体影响型:∧∨这里上下方向的尖角,字体为Lucida Sans Unicode,小尖角:ˇ^不受字体影响型:∧∨这里上下 阅读全文
posted @ 2013-08-12 11:15 {前端开发} 阅读(318) 评论(0) 推荐(0)
摘要: 一、写在前面的最近一直构思着写篇关于html标签的文章,虽说之前处理过html标签,也解决过不少棘手的问题,但是对其理解还不是很透彻,很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息,发现深入探讨html,与body的文章很少,只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值,其余都没有什么相关的好文章。而这里,我要讲述的与上面的交集并不多,只要是讲述一些关于html与body的各种表现,以及我自己对这些表现的合理的解释和并提供一些过去处理类似问题的经验,希望对大家能够有所帮助。二、关于html与body的一些表现1.背景色一般情况下,我们css控制 阅读全文
posted @ 2013-08-12 10:54 {前端开发} 阅读(469) 评论(0) 推荐(0)
摘要: 1.常规css方法——可以实现IE,Safari,chrome,opera浏览器下文字溢出省略号表示这是一段测试文字,主要是用来测试文字溢出后是否会用省略号显示。.zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}2.使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示这段代码调用了跨文件夹路径的ellipsis.xml文件,看Firefox浏览器下是够文字溢出省略号表示。ps: 阅读全文
posted @ 2013-08-12 10:43 {前端开发} 阅读(2916) 评论(1) 推荐(0)
摘要: border-images可以说也是CSS3中的重量级属性,如同圆角、边框颜色属性border-color、块阴影属性一样,也是属于边框属性中的一员。从其字面意思上看,我们可以理解为“边框-图片”,通俗的说也就是使用图片作为(对象的)边框,这样一来边框的样式就不像以前那样只有实线、虚线、点状线...那样单调了,下面我们就来具体看一下应该怎样使用它。首先我们来看一下与border-image相关的一些属性,有border-image-source、border-image-slice、border-image-repeat,其实就如同background属性一样有background-color 阅读全文
posted @ 2013-08-09 17:04 {前端开发} 阅读(1795) 评论(0) 推荐(0)
摘要: Hello. This is a DIV element.Hello. This is a DIV element. 阅读全文
posted @ 2013-08-09 16:38 {前端开发} 阅读(375) 评论(0) 推荐(0)
摘要: 1 function ping(ip){ 2 var img = new Image(); 3 var start = new Date().getTime(); 4 img.src = "http://" + ip + "?t=" + start; 5 var flag = false; //无法访问 6 img.onload = function(){ 7 flag = true; 8 console.log('ok'); 9 };10 img.onerror = function(){11 ... 阅读全文
posted @ 2013-08-09 16:06 {前端开发} 阅读(6181) 评论(0) 推荐(1)
摘要: for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为“枚举”。从技术上将,你可以使用for-in循环数组(因为JavaScript中数组也是对象),但这是不推荐的。因为如果数组对象已被自定义的功能增强,就可能发生逻辑错误。另外,在for-in中,属性列表的顺序(序列)是不能保证的。所以最好数组使用正常的for循环,对象使用for-in循环。有个很重要的hasOwnProperty()方法,当遍历对象属性的时候可以过滤掉从原型链上下来的属性。思考下面一段代码:// 对象var man = { hands: 2, legs: 2, heads: 1};// 在代... 阅读全文
posted @ 2013-08-07 17:47 {前端开发} 阅读(530) 评论(0) 推荐(0)