![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
文章平均质量分 72
shanliangliuxing
这个作者很懒,什么都没留下…
展开
-
js过滤特殊字符
转自:http://blog.csdn.net/you23hai45/article/details/21120119转载 2014-10-31 15:02:30 · 9431 阅读 · 0 评论 -
jquery傻瓜基础教程之教你如何制作简单的dialog插件
转自:http://space.itpub.net/14734416/viewspace-474627很多朋友都在跃跃欲试 打算打造自己的jquery插件,我是 烦透了了jquery ui的dialog插件,所以突发奇想 自己写一个。先申明 就是随便这么一写,太多的还没有完善,之所以贴出来就是给大家一个参考。下面大家跟我一起打造一个jquery dialog插件首转载 2013-03-22 16:41:26 · 641 阅读 · 0 评论 -
只有 IE 的 HTMLDOMNode 有 replaceNode 与 swapNode 方法
转自:http://www.w3help.org/zh-cn/causes/BT9032标准参考无。问题描述只有 IE 的 HTMLDOMNode 有 replaceNode 与 swapNode 方法,其他浏览器则不支持。造成的影响该问题将造成某些使用本特性设计的功能在非 IE 浏览器中不能实现。受影响的浏览器IE6转载 2013-04-04 17:24:54 · 2211 阅读 · 0 评论 -
Javascript、JQuery 实现多选 select 的增加与移除效果
转自:http://yqling2008.iteye.com/blog/973977一、Javascript 实现多选 select 的增加与移除效果"http://www.w3.org/TR/html4/loose.dtd">Select下拉列表框进行多选、移除、交换内容 请选择:转载 2013-04-03 09:29:59 · 956 阅读 · 0 评论 -
JS和正则表达式验证手机号码、邮箱等
转自:http://www.cnblogs.com/smallstupidwife/archive/2012/05/22/2512974.html function checktelephone() { var cellPhone=document.getElementByIdx_x_x_x_x_x("te转载 2013-03-02 09:48:20 · 1023 阅读 · 0 评论 -
display:none与visible:hidden的区别
转自:http://www.cnblogs.com/nicholas_f/archive/2009/03/27/1423207.htmldisplay:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。visible:hi转载 2013-03-01 16:54:43 · 426 阅读 · 0 评论 -
jQuery制作Facebook Timeline(时间轴)
转自:http://www.w3cplus.com/jquery/facebook-timeline-design-using-jquery不知道大家有没有经常观注Facebook,不过我是经常观注他,时时了解他的Web页面的设计与变化,因为我很喜欢他的风格。最近看到Facebook的一个比较明显的变化——Facebook Timeline。这一变化把我吸引了,仔细转载 2013-03-11 15:41:01 · 3202 阅读 · 0 评论 -
Content-Type类型
转自:http://candice120.blog.163.com/blog/static/11162539620104223751959/要学习content-type,必须事先知道它到底是什么,是干什么用的。HTTP协议(RFC2616)采用了请求/响应模型。客户端向服务器发送一个请求,请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户 信息和内容的类似于MI转载 2013-03-06 14:07:52 · 1063 阅读 · 0 评论 -
JS清空多文本框|文本域
转自:http://blog.sina.com.cn/s/blog_620e97df0100lrrp.html点击按钮用Javascript清空页面上所有的文本框|文本域,代码如下: function cls(){ var sum=0; var t = document.getElementsByTagName_r("INPUT"); for (转载 2013-01-15 15:38:18 · 1585 阅读 · 1 评论 -
js使用技巧
1.获取表格的宽度并查看表格对象的各个属性var table_obj = document.getElementById('tableall'); /* for(i in table_obj){ alert(i) //属性名 alert(table_obj[i]) //属性值 } */ /* va原创 2013-01-25 15:55:01 · 526 阅读 · 0 评论 -
js中查看对象的属性(查看js对象)
Js 中的调试没有太好的办法 有的时候会遇到 [object object]无法看到里面的内容(好在没有嘲笑我找不到对象 :) ) 比如 ajax中 返回的 json数据可以采用[javascript] view plaincopyfor(i in obj){ alert(i) //属性名 al原创 2013-01-23 00:00:56 · 1744 阅读 · 0 评论 -
JS对象之Table表格对象
转自:http://chbin95233.blog.163.com/blog/static/32075111200991395943689/http://www.ccscript.cn/Content/2/164.aspxTable对象集合Table对象:表示HTML文档中的表,对于文档中每个标记,浏览器都创建一个Table对象.转载 2013-01-25 16:00:20 · 3080 阅读 · 0 评论 -
jQuery数据显示插件整合实现代码
转自:http://www.jb51.net/article/28647.htm由于我们公司的产品涉及到很多的表格数据显示,而且每张表的字段数都很多,在工作过程中(几任同仁的努力),整合出一套自认为较为轻巧的方案显示表格数据会涉及到一些东西,如字段显示隐藏,数据状态,分页之类。由于我们公司的产品涉及到很多的表格数据显示,而且每张表的字段数都很多,在工转载 2013-01-25 15:30:02 · 488 阅读 · 0 评论 -
鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
转自:http://blog.csdn.net/lishaman/article/details/6733415 table拖动(兼容Firefox 3.5/IE6),固定表格宽度 table拖动(兼容Firefox 3.5/IE6),固定表格宽度 .bg { font-size:12px; color:#000000; table-layout:转载 2013-01-25 15:06:30 · 547 阅读 · 0 评论 -
HTTP协议详解——经典
转自:http://blog.csdn.net/gueter/article/details/1524447Author :Jeffrey My Blog:http://blog.csdn.net/gueter/ 引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷、快转载 2012-12-28 16:35:33 · 594 阅读 · 0 评论 -
javascript中创建对象的几种方式
转自:http://blog.csdn.net/dinglang_2009/article/details/7913866前言: 随着web 2.0 的兴起(最具代表性的是Ajax技术了),javascript不再是程序员眼中的“玩具语言”。 编程在不断的简化,可是“用户体验、性能、兼容性、可扩展......”要求却在不断提高,随之涌现出Prototype、jQ转载 2012-12-13 17:32:48 · 625 阅读 · 0 评论 -
如何理解并学习javascript中的面向对象(OOP)
转自:http://blog.csdn.net/dinglang_2009/article/details/6911622本文不适合javascript初学者看(javascript水平还停留在函数级别的朋友,看了会觉得很晕的)。如果你想让你的javascript代码变得更加优美,性能更加卓越。或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于jquery的插件)。转载 2012-12-13 17:32:06 · 623 阅读 · 0 评论 -
jquery技巧之让jquery和prototype共存
转自:http://space.itpub.net/14734416/viewspace-474639javascript:;" onClick="javascript:tagshow(event, 'jquery');" target="_self">jquery 和 prototype的冲突就是$()所以我们只要将其中一个 换一种方式使用就可以了首先 将jque转载 2013-03-22 16:39:02 · 714 阅读 · 0 评论 -
kissy+ Google’s AJAX Search API实战ajax搜索
转自:http://www.36ria.com/3388这几天明河都没发什么文章,就是在酝酿这篇文章。前段时间明河有发了七八篇的kissy教程,今天这篇是实战篇,使用kissy完成ajax搜索。 点此下载使用了css3,明河没在IE下调试过,不建议使用IE浏览,V1版本难免有bug,欢迎反馈,谢谢!1、明河为什么要做这个示例?曾几何时转载 2013-06-05 15:09:09 · 1221 阅读 · 0 评论 -
url转码和解码
转自:js中escape,encodeURI,encodeURIComponent三个函数的区别转载 2014-07-07 09:32:54 · 9858 阅读 · 1 评论 -
Google字体库引起的首页加载缓慢的解决方法
转自:http://www.izhangheng.com/font-googleapis-themes-googleusercontent-com-slow转载 2014-06-29 23:29:43 · 5566 阅读 · 0 评论 -
ajax请求成功后打开新窗口地址
转自:http://www.cnblogs.com/linjiqin/p/3148205.htmljQuery.ajax({ "type":"post", "url":"http://www.baidu.com", "success":function(rel){ if(rel.isSuccess){转载 2014-06-10 09:59:03 · 6464 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE浏览器兼容模式
转自:http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一转载 2013-12-15 14:13:23 · 844 阅读 · 0 评论 -
长英文自动换行的最终解决方法
转自:http://www.cnblogs.com/yuzhongwusan/archive/2009/04/26/1443803.html长英文自动换行的最终解决方法:在table标签中加入 style="WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all"如果可以了,就不用向下看下了。转载 2013-11-08 00:12:23 · 4210 阅读 · 0 评论 -
将html中的图片和html保存在一个文件里
转自:http://phpor.net/blog/post/815html是超文本标记语言,里面显示的图片一般是指向另一个url的,但是,在我使用word的时候,我发现word文件里面是可以包含图片的,而且图片是保存在word文件里面的,这个就比html方便多了,当我保存html的时候,一般需要把相应的资源文件(图片、css、js)保存到一个目录里面,这个感觉麻烦。css、js是可转载 2013-09-13 11:43:21 · 10480 阅读 · 0 评论 -
JS动态改变select选择变更option的index值(js操作select)
转自:http://ilovecsr.blog.163.com/blog/static/172496617201192952241915/document.getElementById("louyuming").options[0].selected=true;function jsSelectIsExitItem(objSelect, objItemValue) {转载 2013-04-04 17:36:39 · 4669 阅读 · 0 评论 -
网页中代码的顺序是不可忽略的细节(网页渲染顺序)
转自:http://www.qianxingzhem.com/post-1539.html仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候,经常遇到一些很特别的问题。例如:刚刚添加的样式不起作用、jQuery的代码老是不起作用等等。这往往是不关注细节导致的。而今天我要谈的这个细节,就是关于网页中代码的顺序。没错,代码也是有顺序的,顺序不对有可能会出现一些意外的情况。HTM转载 2013-08-09 14:51:14 · 1675 阅读 · 0 评论 -
并行加载与顺序执行–《高性能javascript》读书笔记(jquery加载顺序)
转自:http://vtmerhome.com/2013/05/high-performance-javascript-1/并行加载与顺序执行——《高性能javascript》读书笔记Javascript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行(废话嘛(-.-))。在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现转载 2013-08-09 14:52:21 · 1920 阅读 · 0 评论 -
ztree完美整合easyui右键菜单
转自:http://www.crazyit.org/thread-9510-1-1.html本人最近工作之余在研究张其纲老师的zTree,觉得很好用,发现demo中的右键菜单不太好看,而且代码比较繁琐,菜单的外观和事件全都是自己控制的。突发奇想,能不能将easyui中的菜单整合进来呢?说干就干,参考了下两个框架的文档和demo,靠着自己的不懈努力和耐心终于搞定了!在这里和大家分享下!这个只是个转载 2013-08-09 00:11:07 · 3530 阅读 · 1 评论 -
jquery 图表插件highcharts & highstock
转自:http://chen-miao.iteye.com/blog/1659769Highcharts是纯JavaScript编写的图表库,提供了直观的、交互式图表,您的web站点或web应用程序。Highcharts目前支持线,花键、面积、areaspline、柱、栏、馅饼和散射图表类型。 Highstock允许您创建股票或一般的时间表图表在纯JavaScrip转载 2013-07-29 13:45:38 · 2930 阅读 · 1 评论 -
关于Ajax在浏览器中产生前进后退的实现方法
转自:http://js8.in/311.html关于Ajax在使用中要使浏览器产生前进后退的方法,网上比较多的方法有两种:一是采用hash值的方式,这是我们在地图preview版中使用的方法(采用jQuery的history插件);二是使用iframe的方法,目前百度地图、Google地图采用。为使我们以后的mymap方便引用到博客等网页内容中去,并且给地图添加复制链接的方法,我们决转载 2013-07-05 11:53:11 · 1124 阅读 · 0 评论 -
使用ajax和history.pushState无刷新改变页面URL(ajax中前进后退)
转自:http://www.52ladybug.com/archives/202在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问,是什么有这么强大的功能呢?HTML5里引用了新的API,就是history.pushState和history.re转载 2013-07-05 11:52:27 · 1110 阅读 · 0 评论 -
http中最后修改时间Last-Modified ETag
转自:http://hi.baidu.com/go_status/blog/item/6da252eefe98f0dfb21cb175.html1) 什么是”Last-Modified”? 在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记此文件在服务期端最后被修改的时间,格式类似这样:Last-Mo转载 2013-06-25 15:37:02 · 4573 阅读 · 0 评论 -
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
转自:http://blog.csdn.net/cqkxzyi/article/details/7036904 iframe框架的页面跳转 var win = self.parent.document.getElementById('right').contentWindow; win.document.location.href转载 2013-06-09 15:03:24 · 1400 阅读 · 0 评论 -
Chrome开发者工具之结构与样式
转自:http://www.36ria.com/5886Chrome开发者工具之结构与样式web前端开发工程师必须要掌握浏览器的开发者工具。这里介绍chrome自带的开发者工具,首先从页面的结构和样式来介绍。开发者注意:本文的目的是介绍chrome开发者工具的基础用法。或许你用别的工具,如firebug或IE的开发者工具,但本文介绍的功能,其他对应工具上应该也有相应转载 2013-06-05 15:37:44 · 1765 阅读 · 0 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
转自:http://blog.csdn.net/dinglang_2009/article/details/6998296在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了转载 2012-12-13 17:30:08 · 479 阅读 · 0 评论 -
jQuery.ajax $.post $.load 序列化表单(ajax提交表单,post传递参数,序列化表单)
转自:http://blog.csdn.net/yixiaotian1988/article/details/6336655废话不多说,直接上代码:$.ajax 等同于 jQuery.ajax $.ajax({ url:'testServlet', type:'post', data:{Action:"ajax转载 2012-12-03 14:59:16 · 4235 阅读 · 0 评论 -
JS全局变量
转自:http://www.cnblogs.com/xianbing/archive/2012/02/27/2369369.html声明方式1:var test;var test = 5;需注意的是该句不能包含在function内,否则是局部变量。这是第一种方式声明全局变量。声明方式2:test =5;没有使用var,直接给标识符tes转载 2012-12-03 14:55:08 · 794 阅读 · 0 评论 -
集成问题
出现这样的问题是因为两个框架有冲突,最终的解决方案是把一个框架的core.css中这行代码修改了一下:/* Button */.button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden; height:25px; padding-left:5px;}改成:/* Button原创 2012-07-12 15:49:15 · 570 阅读 · 0 评论 -
div标签常用属性
div标签所有属性color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育font-variant:small-caps 小字体letter-spacing : 1pt 文字间距line-height : 200% 设定行高font-weigh转载 2012-06-20 21:03:20 · 29721 阅读 · 0 评论