chenhuixfyy的博客_学习工作笔记

javascript处理HTML的Encode(转码)和Decode(解码)总结

HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的，在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式一、用浏览器内部转换器实现转换1.1.用浏览器内部转换器实现html转码　　首先动态创建一个容器标签元素，如DIV，然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐

html

javascript

decode

encode

转码

转载精选 2015-05-20 10:04:15 5262 阅读

隐藏 google 地图 Logo 隐藏百度地图 Logo

Google 地图var isFirstLoad=true; //地图瓦片加载完成之后的回调 google.maps.event.addListener(map, 'tilesloaded', function () { if (isFirstLoad) {

logo

标识

百度地图

google地图

转载精选 2015-04-30 15:14:31 1531 阅读

js获取URL地址的参数多个可以循环

function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var&nb

参数

js

URL

循环获取

转载精选 2015-04-29 16:59:52 2077 阅读

移动端页面宽度自适应

<script type="text/javascript"> if(/Android (\d+\.\d+)/.test(navigator.userAgent)){

Android

宽度

移动端

原创 2014-12-17 14:09:21 1606 阅读

jQuery实现CheckBox全选、全不选

jQuery

全选

checked

全不选

转载精选 2014-11-11 14:29:37 466 阅读

Jquery中parentsUntil函数调用最容易犯的三个错误

Jquery的parentsUntil()方法用于查找Jquery对象的祖先，使用的时候有三个问题一定要注意：1） parentsUntil返回的是一个数组，而不是单个对象。关于这个，注意’parents’是复数就行了，表示它会返回一系列的祖先元素，在数组中越外层的元素的下标越大。2） parentsUntil返回的数组中刚好不包括满足选择器参数条件的对象。这个有点奇怪，很容易产生误导。3） pa

Jquery

parent

parentsUntil

parents

转载精选 2014-08-14 17:08:33 588 阅读

jQuery-ui插件datepicker的参数使用详解

概述日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。同时，你还可以通过键盘控制它：page up/down - 上一月、下一月ctrl+page up/down - 上一年、下一年ctrl+home - 当前月或最后一次打开的日期ctrl+left/right - 上一天、下一天ctrl+up/down - 上一周、下一周

参数

datepicker

jQuery-ui

日期控件

转载精选 2014-07-31 15:13:25 812 阅读

JS 操作Google Chrome浏览器的cookie

Google Chrome只支持在线网站的cookie的读写操作，对本地html的cookie操作是禁止的。所以下面的代码如果你写在一个本地的html文件中，将弹出的对话框内容为空。document.cookie = "Test=cooo"; alert(document.cookie);如果这个页面是在线网站的内容，则会正常显示cookie内容Test=cooo等等。本文原地

Google

浏览器

js

cookie

Chrome

转载精选 2014-06-25 09:50:08 949 阅读

js判断移动终端安卓,苹果,winphone

IOS

js

判断

安卓

移动端

转载精选 2014-04-28 15:48:18 919 阅读

css实现强制不换行/自动换行/强制换行

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏

换行

不换行

normal

nowrap

hidden

转载精选 2014-04-24 16:18:22 1065 阅读

全兼容的移动端渐变写法

/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f46ba0, #ee3a80); /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear,top,from(#f46ba0),to(#ee3a80)); /* Safari 5.1+, Chrome 10+

移动

背景

background

苹果手机

渐变

原创 2014-04-02 15:38:22 5385 阅读

jQuery获得页面元素的绝对/相对位置

获获取页面某一元素的绝对X,Y坐标，可以用offset()方法：var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left;获取相对(父元素)位置:var X = $('#DivID').position().top; var Y = $('#DivID').position().left;让Div随滚动条移动：<d

scroll

function

position

相对位置

转载精选 2014-03-25 16:43:21 1397 阅读

jquery实现可拖拽的浮动框

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery 模块拖动，拖动层效果</title> <style type="text/css"> #div2 { position:a

移动

jquery

悬浮

拖拽

转载精选 2014-03-20 13:48:58 1733 阅读

子DIV块中设置margin-top时影响父DIV块位置的解决办法

在文章《实现文本滚动》中子DIV块#main中设置margin-top时，若父DIV块#box中没有“overflow:hidden;”,则子DIV块中margin-top会影响父DIV块的位置解决办法1:若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;解决办法2:在子DIV块中用padding-top代替margin-top

DIV

位置

margin-top

转载精选 2014-03-09 14:40:32 577 阅读

placeholder在某些浏览器下不垂直居中问题

将input的line-height设置为normal即可，让浏览器自己去判断

浏览器

normal

垂直居中

line-height

原创 2014-02-14 17:02:13 4921 阅读

JavaScript应用：Iframe自适应其加载的内容高度

main.htm:<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.co

javaScript

自动

iframe

内容高度

转载精选 2013-12-04 09:44:05 1019 阅读

css写三角形

把div的高宽都设置为0；利用border来实现纯css的三角形要是倒三角，则有border-top没有botton 左右border都不要；如width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent; border-top-color: #fff;（但是在css6下会有黑色背景，其

CSS

三角形

border

倒三角

原创 2013-11-15 10:34:56 907 阅读

jquery1.9以上版本判断浏览器是否为IE6

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ，取而代之的是 $.support 。在更新的 2.0 版本中，将不再支持 IE 6/7/8。以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。如果要同时使用：<!--[if lt IE 9]> <script src='jquery-1.9

浏览器

ie6

jquery

$.browser

$.browser.version

$.support

原创 2013-11-13 13:49:49 1416 阅读

text-overflow:ellipsis溢出文本显示省略号

text-overflow是一个比较非凡的属性，在CSS手册中，这个属性是这样定义的：语法：　　text-overflow : clip | ellipsis 参数：　　clip : 　不显示省略标记（...），而是简单的裁切　　ellipsis : 　当对象内文本溢出时显示省略标记（...）说明：设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverf

text-overflow

ellipsis

white-space

省略号

原创 2013-10-10 10:47:31 938 阅读

CSS修改tr边框属性

因为表格中的tr并非单一的边框，这样便需要属性border-collapse，border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。border-collapse:collapse;要是不设置border-collapse:collapse; 而直接设置tr{

css

tr

边框

原创 2013-09-16 14:26:43 2536 阅读

10套华丽的 Windows 8 Metro 风格图标【2000+免费图标】

Windows

Metro

图标

扁平化

win8

转载精选 2013-05-28 14:59:01 521 阅读

js模仿新浪微博查看图片放大缩小

自己写的，不是很好 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu

js

模仿

新浪微博

图片放大缩小

原创 2013-04-27 21:53:13 1284 阅读

input标签placeholder 效果

<input type="text" onblur="if(this.value==''){this.value='输入搜索内容……';}" onfocus="if(this.value=='输入搜索内容……'){this.value='';}" value=&qu

标签

效果

placeholder

转载精选 2013-04-15 15:42:05 657 阅读

使用DD_belatedPNG让IE6支持PNG透明图片

众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与bac

图片

IE6

透明

PNG

DD_belatedPNG

转载精选 2013-03-25 14:17:43 348 阅读

使用CSS3属性box-shadow设置div四周边框都有阴影

box-shadow如下设置 box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000; 参数可调参考地址 http://www.zhangxinxu.com/wo

阴影

css3

box-shadow

原创 2013-03-21 09:55:35 10000+阅读

css模拟select设置高度在ie67下有效（也可作为去除边框）

今天做测试页面碰到的第二个问题，IE6，IE7 下无法去除select下拉菜单的边框，新手伤不起。。。百度。。。。以下为转载：下面的描述都是根据这个结构来的 <div class="select-outer select-wh200"> <div class="se

ie

去除

select

边框

border

转载精选 2012-12-17 22:53:47 826 阅读

巧妙利用label标签去除按钮点击或者submit按钮的黑框线

今天做个小的测试页面，看起来挺简单的，但是做起来还是碰到了2个比较棘手的问题，上网找了些资料，供以后参考！！ HTML的label标签大家应该不会陌生，什么？没用过？那可以好好看下aoao的这篇《各位大大行行好，给checkbox配个老婆（label）吧》文章。一般在表单中使用，给类似的checkbox或者radio框配上label，明显有助于改善用户体验。这里借用一下aoa

ie

label

submit

黑色边框

点击

转载精选 2012-12-17 22:47:04 688 阅读

跟随滚动条而下滑的导航栏

先来简单说说原理：监测浏览器滚动条的距离，大于一定长度时，给导航栏添加“position:fixed”，小于则取消，同时还添加了animate自定义的透明度渐变过渡！现在网页也很流行的效果相关jQuery代码段： $(window).scroll(function(){ &nbs

滚动条

导航栏

跟随

转载精选 2012-12-07 09:42:52 2099 阅读

ie下文字与input标签水平居中对齐

设置input标签css属性vertical-align:middle;即可。如 <label>用户名 <input type="text" name="textfield" style="height:30px;vertical-align:middle;"/

ie

文字

input

对齐

原创 2012-12-05 11:55:08 3834 阅读

回到顶部代码（兼容IE6）

做小项目遇到，以前做的一直没有兼容IE6，然后网上找了点资料，实现了IE6的兼容代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht

兼容

ie6

回到顶部

原创 2012-11-30 10:23:51 833 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

陈辉