li中嵌套img导致li垂直方向下端多出4px空白边解决办法

评论(0)浏览(302)分类：HTML/CSS兼容/XML
li中嵌套img导致li垂直方向下端多出4px空白边解决办法　　当li中嵌套了img元素时，li的垂直方向下端会莫名其妙的多出4px的空白边，ie6-7【以下简称ie】，firefox，chrome存在li空白边,firefox和ie6-7一样是4px，chrome下则是3px，IE8没有受到影响，神奇。。示例代码和布局图比较如下ul style=margin:0px;padding:0pxli style=margin:0px;padding:0px;zoom:1;overflow:hiddenimg src=v.png//li/ul　　..

javascript实现text-overflow:ellipsis效果

评论(0)浏览(301)分类：JavaScript/Ajax开发技巧
javascript实现text-overflow:ellipsis效果　　对于一长串不会自动换行的字符串（如数字和字母连在一起的商品编号或者其他内容），会导致页面或者布局被撑破。要自动换行可以使用word-break:break-all（IE和chrome支持，firefox不支持）。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.ellipsis{font-size..

JavaScript解析XML的方法总结

评论(8)浏览(300)分类：JavaScript/Ajax开发技巧
JavaScript解析XML的方法总结　　最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。　　我的xml文件Login.xml如下：LoginCharacterC Text=热血 Value=0/CC Text=弱气 Value=1/CC Text=激情 Value=2/CC Text=冷静 Value=3/CC Text=冷酷 Value=4/..

fckeditor加载完毕事件FCKeditor_OnComplete

评论(0)浏览(297)分类：JavaScript/Ajax开发技巧
fckeditor加载完毕事件FCKeditor_OnComplete　　fckeditor编辑器是iframe形式的，如果判断fckeditor的编辑器区域是否加载完毕。即使放在window.onload中执行fckeditor的编辑器区域的初始化操作，也会出现无法找到fckeditor编辑器body对象。 varr fck = new FCKeditor('fck'); fck.BasePath = '/fckeditor/'; fck.Height = 450; fck.Value = 'fckeditor内容..

css打造下拉菜单

评论(0)浏览(297)分类：HTML/CSS兼容/XML
css打造下拉菜单　　纯css写的菜单，通过:hover伪类控制子菜单的显示，ie6-不支持非连接对象的伪类，需要自己写js代码进行兼容，不过可以考虑放弃ie6了，应该没人再用了吧？!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

javascript onhashchange事件

评论(0)浏览(296)分类：JavaScript/Ajax开发技巧
javascript onhashchange事件　　onhashchange事件是IE8里面新增特性，主要是为了在Ajax下能够支持后退前进之类的操作而增加的新特性。onhashchange事件同时被safari，chrome，firefox，opera支持，只有IE7-不支持onhashchange事件。　　示例代码!doctype htmlhtml head meta charset=utf-8 titleIE6/7不支持hashchange事件/title script type=text..

获取cookie过期时间

评论(0)浏览(294)分类：JavaScript/Ajax开发技巧
获取cookie过期时间　　javascript和动态页无法获取cookie过期的时间，过期时间由浏览器管理，javascript和动态页只能设置过期时间，无法通过document.cookie（javascript）或者Cookie.Expires（asp.net）属性获取到。%@page language=C# Debug=true%script runat=server protected void Page_Load(object sender, EventArgs e) { HttpCookie hc = Re..

客户端VBScript和JavaScript相互调用的问题

评论(0)浏览(292)分类：JavaScript/Ajax开发技巧
客户端VBScript和JavaScript相互调用的问题　　以前在CSDN碰到一个问题，一个人问VBScript如何调用ajaxpro注册的方法，对这种需求真的很无语。。。。　　由于ajaxpro在客户端注册的脚本是JavaScript的，但是JavaScript无法调用VBScript注册的函数或者过程，只能访问VBScript注册的变量，VBScript可以调用JavaScript注册的变量或者方法，所以VBScript使用ajaxpro的异步功能时，需要传递回调..

IE创建iframe设置frameborder为0

评论(0)浏览(291)分类：JavaScript/Ajax开发技巧
IE创建iframe设置frameborder为0　　在IE7-浏览器或者为添加xhtml申明的IE8浏览器（IE9+未测试），动态创建的iframe，当通过setAttribute设置iframe的frameborder时，IE下调用setAttribute设置属性时，frameborder是严格区分大小写，属性名称要写为frameBorder，不能为frameborder，否则无法去掉iframe的frameborder，会默认为1。　　标准浏览器或者添加了xhtml申明的IE8+浏览器..

数组sort排序方法webkit浏览器(chrome)排序错乱

评论(0)浏览(289)分类：JavaScript/Ajax开发技巧
数组sort排序方法webkit浏览器(chrome)排序错乱　　javascript调用数组的sort方法对数组进行排序的时候，注意传递进入sort方法函数要返回0（相等），正数（大于），负数（小于）这3种数字，不能返回true/false，要不在webkit核心浏览下（如chrome，搜狗高速模式）可能导致排序出错。　　异类排序script var arr = [1, 4, 5, 3, 2, 6, 7]; arr.sort(function (a, b) { return b a });//..

javascript实现html内容截断得到摘要

评论(0)浏览(289)分类：JavaScript/Ajax开发技巧
javascript实现html内容截断得到摘要　　javascript实现的html内容截断，得到文章列表中的摘要信息。一般博客的首页只显示文章的摘要，点击标题进入以后查看全文。　　下面是JavaScript实现的html内容截断，获取html文章内容的摘要。 function removelosttag(tags, nowtag) { for (var i = tags.length - 1; i = 0;i-- ) if (tags[i].indexOf(nowtag) == 1) { tags.splic..

js禁止滚动窗体页面

评论(0)浏览(289)分类：JavaScript/Ajax开发技巧
js禁止滚动窗体页面　　js如何禁止鼠标，键盘滚动页面。（提示：无法控制右边出现的滚动条）titlejs禁止滚动页面/titlescript //spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 35: 1, 36: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) ..

js css3 3d翻牌效果

评论(0)浏览(288)分类：HTML/CSS兼容/XML
js css3 3d翻牌效果!doctype htmlhtml lang=enhead meta http-equiv=Content-Type content=text/html; charset= utf-8 titlecss3 3d翻牌效果/title style* {margin:0;padding:0;list-style-type:none;}.warperMain01_2 {height:auto;background: #eff1f0;font-family:微软雅黑;overflow:hidden; margin:0 !important; padding:5em 0;}.warperMain01_2 h1{..

子容器margin-top为何会影响父容器位置

评论(0)浏览(286)分类：HTML/CSS兼容/XML
子容器margin-top为何会影响父容器位置　　子容器设置css设置margin-top，如果子容器和父容器直接没有内容，由于css盒式模型，将会导致子容器和父容器的margin-top叠加，导致父容器也会继承子容器的margin-top，导致父容器顶部出现空白。　　示例代码如下，cs父容器aa继承了cs设置的martin-top!doctype htmlstyle .main{margin-left:100px;width:500px;height:500px;border:solid ..

js代码加密解密

评论(0)浏览(286)分类：JavaScript/Ajax开发技巧
js代码加密解密　　一：最简单的加密解密　　大家对于JAVASCRIPT函数escape()和unescape()想必是比较了解啦（很多网页加密在用它们），分别是编码和解码字符串，比如例子代码用escape()函数加密后变为如下格式：alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B　　如何？还看的懂吗？当然其中的ASCII字符alert并没有被加密，如果愿意我们可以写点JAVASCRIPT代码..

viewport参数详解

评论(0)浏览(286)分类：HTML/CSS兼容/XML
viewport参数详解　　meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0　　该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求，但让 viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就..

css控制DOM对象旋转

评论(0)浏览(286)分类：HTML/CSS兼容/XML
css控制DOM对象旋转　　css控制HTML DOM对象旋转任意角度，兼容IE，firefox，chrome等主流浏览器，效果如下　　源代码如下!DOCTYPE htmlhtml lang=enheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleDIV旋转属性的演示/titlemeta http-equiv=X-UA-Compatible content=IE=EmulateIE8 /style type=text/css body {font-family: Arial, sans-..

IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改

评论(0)浏览(285)分类：HTML/CSS兼容/XML
IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改　　今天碰到一个问题，IE7-浏览器下（或者Quirks模式下），如果设置设置子容器的innerHTML，当设置的内容为table并且包含了align=center，会导致父容器的offsetTop增加，从而使父容器向下移动。　　测试代码如下，子容器table没有align=center属性，设置子容器不会修改父容器的offsetTop属性div id=bb style=border:1px solid gray;overflow:hi..

Selection.removeRange方法

评论(0)浏览(284)分类：JavaScript/Ajax开发技巧
Selection.removeRange方法Selection.removeRange简介从selection中移除一个range对象语法sel.removeRange(range)参数range从selection中移除的range对象示例/* 通过编程，可以选择多个range。 * 此示例将删除处第一个range外的其他range对象 */s = window.getSelection();if(s.rangeCount 1) { for(var i = 1; i s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)..

Selection.collapse方法

评论(0)浏览(283)分类：JavaScript/Ajax开发技巧
Selection.collapse方法Selection.collapse简介将selection折叠为一个点。文档不会被修改。如果内容区域是可编辑的并且获取焦点，那么光标会在那个点闪动。使用语法sel.collapse(parentNode, offset);参数parentNode光标位置所在节点位置offset0 - 折叠selection从anchor位置到parentNode参数文本的开始位置1 - 折叠selection从anchor位置到parentNode参数文本的结束位..

javascript复制带格式的富文本内容

评论(0)浏览(283)分类：JavaScript/Ajax开发技巧
javascript复制带格式的富文本内容　　需要使用javascript实现ctrl+c和ctrl+v的效果，复制的时候将选择的网页内容，包括字体大小，颜色，链接等一起复制，而不是以纯文本的格式进行复制，ctrl+v粘贴进入html编辑器或者word文档中时保留原来的格式。　　本示例仅在IE浏览器下可用，通过execCommand('copy')来实现。示例如下script function CopyImageToBoard(area) { ..

javascript document.write问题

评论(0)浏览(282)分类：JavaScript/Ajax开发技巧
javascript document.write问题　　在载人页面后，浏览器输出流自动关闭；在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此．假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作，不必清除文档并打开一个新数据流..

javascript混淆加密

评论(0)浏览(282)分类：JavaScript/Ajax开发技巧
javascript混淆加密　　javascript另类混淆加密源代码：textarea id=ta style=width:100%;height:300pxalert('大家好，我是showbo!𠮷双字节测试')/textareainput type=button value=加密 onclick= taEncrypt.value = encrypSource(ta.value); /　input type=button value=执行加密代码 onclick=eval(taEncrypt.value) /br /加密后代码：textarea id=taEn..

使用服务器端xhr和客户端xhr获取alexa，google的api获取alexa排名和google pr

评论(0)浏览(282)分类：网站排名及优化
使用服务器端xhr和客户端xhr获取alexa，google的api获取alexa排名和google pr更新获取google pr的源代码C# 获取google pr，使用了最新算法，而非接口　　前些天在网上找到了一些获取alexa和google pr的api，现在结合实际使用asp和asp.net实现自己的google pr和alexa排名查询。要想查询看更多如何获取alexa的api，请阅读下面两篇文章[转]如何获取Alexa排名数据[转]在页面上实现Google PR值的显示示例代码点击此处下载首先介..

javascript计算指定范围内的质数

评论(0)浏览(281)分类：JavaScript/Ajax开发技巧
javascript计算指定范围内的质数　　质数（prime number）又称素数，有无限个。质数定义为在大于1的自然数中，除了1和它本身以外不再有其他因数的数称为质数。　　算法：判断一个数是否是质数，只需判断它是否能被小于它开跟后后的所有数整除，这样做的运算就会少了很多，因此效率也高了很多。算法来源：http://blog.sina.com.cn/s/blog_622e77cc0100n5lm.html　　javascript计..

IE浏览器下字符串不能通过下标获取字符

评论(0)浏览(281)分类：JavaScript/Ajax开发技巧
IE浏览器下字符串不能通过下标获取字符　　在IE浏览器下面，通过下标[]操作尽然无法获取到此下标对应的字符，得到undefined，其他浏览器如firefox，chrome可以通过字符串下标操作获取到对应的字符串。　　解决办法就是通过split方法转换为字符数组，或者使用charAt方法或者使用substr方法，测试代码如下script type=text/javascript var s = '123'; alert(s[0])//IE输出..

网站引用谷歌地图打不开解决办法

评论(0)浏览(281)分类：JavaScript/Ajax开发技巧
网站引用谷歌地图打不开解决办法　　谷歌地图被中国防火墙封杀，所以不用直接引用http://maps.googleapis.com/maps/api/js?sensor=falselanguage=en这域名下的谷歌地图api，而是改为http://maps.google.cn/maps/api/js?sensor=false这个地址，google.cn在国内的域名没有被封杀，可以使用。　　注意：google.cn虽然可以使用，但是会输出部分js引用到google.com的资源，导致地图呈..

IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法

评论(0)浏览(281)分类：JavaScript/Ajax开发技巧
IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法　　IE浏览器下，用CSS控制2级下拉菜单显示时，如果2级菜单包含iframe，移动到iframe中2级菜单会自动隐藏解决办法。在chrome，firefox下不会有此问题。　　解决办法如下：用js来控制包含iframe的2级菜单的显示或者隐藏，其他不包含iframe的则用css控制!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1..

firefox和IE下activeElement在onblur事件中的表现

评论(0)浏览(279)分类：JavaScript/Ajax开发技巧
firefox和IE下activeElement在onblur事件中的表现　　今天在csdn看到一个问题，如果在onblur事件中直接调用document.activeElement元素，在IE下得到的焦点的是此对象的下一个兄弟节点，而在Firefox下既然是body元素，即使执行完函数后获取到焦点的确实是此对象的下一个兄弟节点。　　测试代码如下+展开-HTMLscriptlanguage=javascriptfunctionchecknum(vNewValue,sOldValue,id){alert(document...

解决google搜索中出现“该网站可能含有恶意软件，有可能会危害您的电脑“提示

评论(0)浏览(279)分类：网站排名及优化
解决google搜索中出现“该网站可能含有恶意软件，有可能会危害您的电脑“提示　　google管理员账号删除“该网站可能含有恶意软件，有可能会危害您的电脑”提示方法。　　第一步：网站代码大检查并修复，清除所有可能含有病毒、恶意代码、流氓软件等代码，恢复如初，提高服务器安全系数防止再次被挂马。　　第二步：注册google帐号，开通GOOGLE网站管理员工具(http://www.google.cn/webmasters/)，并添加自己的网站，GOOGLE..