Web开发网 > Web前端开发 > Web前端开发教程 > 原创博文
自定义404页面返回不当状态码如200等给网站最终SEO效果带来的不利影响,因此,确保自定义的404错误页面能够返回404状态码是极为重要的,也是网站优化与SEO的基本要求。HTTP404对SEO的影响 自定义404错误页面是提供用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回200状态码 或自定..
Masonry是一款很好用的jquery网页布局插件,它可以去掉不同高度div之间的空白,让你的网页看上去更加的整齐、漂亮!效果如下图所示官网插件下载地址以及详解地址:http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..
javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js,返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..
javascript实现删除已经选择的table行。 思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。 源代码如下script var tb; function del() { if (confirm('确认删除?!')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..
javascript实现的将字符串转换为base64字符串,或者将base64编码的字符串还原为原来的内容,源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array( -1, -1, -1, -1, -1..
使用ajax时,首先要明确2点,获取返回的数据可以使用ajaxobj.responseXML或者ajaxobj.responseText的2个属性,ajax对象其他属性具体参考:ajax对象常用属性,事件,方法大小写问题1)对于XML数据,使用responseXML获取到,直接是XMLDOM对象2)对于responseText得到的内容只有一种类型,就是字符串,然后根据需要将responseText处理成其他数据..
通过javascript判断浏览器版本时,一般是通过navigator对象的userAgent或者appVersion属性,但是在xp系统下的IE6,navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0,无语了。XP系统版本为Professional 2002,打了SP3补丁。 以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion,怪不得今天加载的js通..
昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题,用chrome调试后发现执行自定义的onselect方法,没有实现联动,在console控制台看到了一个Uncaught TypeError: object is not a function的错误。搜狗浏览器高速模式下也无法实现联动,其他浏览器如firefox,ie没问题。 示例一scriptfunction onselec..
发一个javascript写的精确到毫秒的计时器,可以定义delay时间,最大计量单位为小时script var maxtime = 1 * 60 * 60 * 1000//一个小时,按毫秒计算,自己调整! ,tmp,delay=11 //建议delay不要小于10ms,要不执行计算和设置innerHTML耗费的事件就不止1ms了 function CountDown() { if (maxtime = 0) { hours = ..
今天犯了个低级错误,li标签嵌套li标签,设置嵌套的li标签的innerHTML时报错IE未知的运行时错误,嵌套没出错,就设置innerHTML出问题,其他浏览器如chrome,firefox都没问题,容错能力比较好,IE就不行了,╮(╯▽╰)╭,还是得注意按照标准写法,不能乱嵌套标签,要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..
在Gecko(firefox4+)和webkit(chrome)核心的浏览器中存在FormData对象,可以收集表单中的文件内容,结合ajax对象XMLHttpRequest就可以无刷新的上传文件了。FormData对象实例有一个方法叫做append,允许加入任何形式的数据(文本和文件)的对象。不过悲催的是IE9虽然支持html5,但是没有FormData对象。 测试代码html xmlns=http://www...
今天发现自己写的高亮函数代码出现问题,有一些内容没有替换掉,显示为原来的内容,认真看了一下replace函数,发现自己完全没理解透replace函数中替换内容特殊字符$的用途,导致代码出现bug。 原来的代码要替换__JS0__这个内容为nbsp;$nbsp;,执行替换后发现不是nbsp;$nbsp;,而是变成了nbsp;__JS0__nbsp;,原因是$代表的是与 regexp 相匹..
ckeditor设置了高度为100%百分比时并不会自动将容器填充满,通过firebug查看生成的ckeditor代码结构后,如下图,编辑器的td设置了高度为height:100%的样式,但是并没有实现容器的完整填充。 ckeditor有自动全屏的功能,如果是想自动填充整个显示窗口,而不是指定的容器,可以通过调用CKEDITOR.instances.content.execCommand('maximi..
如果要在ckeditor初始化某个实例完成后执行一些回调函数,可以使用instanceReady事件。ckeditor可以使用的事件有以下几种,需要ckeditor版本为3.0+。Event AttributesEvent Name and DescriptionariaWidgetFired when a panel is added to the documentcurrentInstanceFired when the CKEDITOR.currentInstance object reference changes.di..
javascript选择textarea中指定的内容 script type=text/javascript function sel() { var s = document.getElementById('kw'); if (s.value == '') { alert('请输入关键字!'); s.focus(); return false; } s = s.value; var t = document.getElementById('content'),..
由于百度地图不是在iframe里面生成,而是在当前页面构造的百度地图执行的对象id中,为这个对象容器的子元素,所以只要遍历配置对象的子元素,找到子元素中样式为anchorBL的div元素,这2个元素是存储百度地图logo和版权信息的,只要移除这2个div就行了。 下面为了缩减代码,使用了jquery框架来移除百度地图logo和版权信息,源代码如下,自..
firefox,chrome等w3c浏览器下面,设置script标签的src来动态加载js文件时,有2中情况1)如果script标签已经加载过js文件,那么重新设置为其他js文件的路径时,无法加载这个js文件。2)如果未加载过js文件,是一个空的script标签,那么第一次设置src时可以加载这个js文件,第二次设置就没用办法加载指定的js文件了。 即使增加时间戳也不行..
淘宝广告主后台导航效果,用jQuery写的插件 配置说明fx:动画效果,默认linear,还可以设置为easein,easeout等。。具体看代码里面扩展的jQuery.easingspeed:动画时间,默认500msclick:点击导航后的回调函数,默认空函数 源代码如下!DOCTYPE HTML PUBliC -//W3C//DTD HTML 4.0 Transitional//ENhtmlheadtitle淘宝广告主后台导航jQue..
本站页头的谷歌导航条效果,使用了jQuery框架,源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=content-type content=text/html;charset=utf-8 /title谷歌导航条jQuery插件-编程设计网/title..
在自定义jQuery.easing擦除效果插件时,需要注意使用jQuery.extend来扩展jQuery.easing擦除效果,而不是自定定义jQuery.easing,要不再调用jQuery的效果方法如fadeIn/fadeOut,slideUp/slideDown等时会出现错误。//使用这种方法自定义jQuery.easingjQuery.extend(jQuery.easing,{/*自定义的jQuery.easing效果*/});//不要这样重写jQuery.easi..
CSS属性:unicode-bidi 设置文本的方向,也就是将文字的方向倒过来。如123456,显示为654321 尽管 CSS 试图处理书写方向,但 Unicode 有一种更健壮的方式来处理方向性。利用属性 unicode-bidi,CSS 创作人员可以充分利用 Unicode 的某些功能。可能的值:normal,embed,bidi-override实现此效果的代码:span style=unicode-b..
?phpheader(Access-Control-Allow-Origin: *);? 最新的W3C标准里是这么实现HTTP跨域请求的,Cross-Origin Resource Sharing,就是跨域的目标服务器要返回一系列的Headers,通过这些Headers来控制是否同意跨域。 这些Headers有:4 Syntax4.1 Access-Control-Allow-Origin HTTP Response Header4.2 Access-Control-Max-Age HTTP Response He..
javascript实现IE,firefox客户端图片预览,测试浏览器:IE6~8,firefox4.0。 google的chrome,safari,opera浏览器需要上传图片才行,这个不在讨论范围,上传后也变简单多了,将表单自动提交到隐藏iframe实现无刷新上传图片文件后,在服务器端保存图片然后返回路径,具体参考这篇文章:ajax无刷新上传文件,使用iframe模仿。 原理:由..
由于安全问题,IE7+浏览器的internet区域的安全设置中将文件上传到服务器时包含本地目录路径选项默认是禁用的,所以通过file.value得到的不是实际选择的本地文件的路径,而是定位到c:\fjkk\等乱七八糟的路径去,文件名是正确的,路径不正确。 IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径,firefox需要设置安全性,..
从官网点下载http://leandrovieira.com/projects/jquery/lightbox/下载的jquery lightbox plugin插件,给的示例代码中,当配置txtImage为中文时,会出现乱码或者未显示配置的中文内容。 这个问题主要是因为给的示例html文件中指定的页面编码为utf-8的 meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejQuery ..
其实ajax是无法上传文件的,所以得用隐藏的iframe来模仿ajax未出现之前,一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程,就知道了。示例下载点击这里下面列出代码,asp的上传代码太麻烦,就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..
如果select对象的option没有value属性,jquery怎么通过option显示的text内容查找到对应的option对象?由于option显示的内容没有什么对应的属性,所以只能使用内容选择器:contains来查找。不能通过属性text查找到。 测试代码如下headscript type=text/javascript src=/js/jquery.js/script/headscript type=text/javascript var one = ..
在dhtml的DOM方法中有insertBefore方法,在浏览器下面可以使用此方法在指定的位置给select添加option对象。不过IE下调用insertBefore时,能添加option,但是创建的option对象设置的text属性会不显示,是空白,需要设置innerText属性来实现。 javascript在select指定位置插入option测试代码如下script type=text/javascriptfunction Inser..
在IE浏览器下面,某个节点设置了margin-top和height属性时,如果此节点的上一个兄弟节点的display为absolute,这个节点的margin-top会失效。去掉这个节点的height属性后,margin-top又起作用了。 解决办法1)将绝对定位的节点放到所有兄弟节点的最后,这样在display为absolute前面设置过height的兄弟节点的margin-top就不会失效了。2)给..
今天尝鲜下载了最新版本的uploadify来试试,在其中一个电脑使用IE6测试的时候发现uploadify没有显示uploadify的flash上传按钮,而是显示html input默认的上传控件。正常情况下的uploadify只显示input file的uploadify 在其他电脑上使用ie6~ie8,firefox或者chrome测试都没问题,能正常显示uploadify的flash上传按钮,就是其中单独的一台电.. 首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] 下一页 尾页 13/19页,每页显示30条,共565条相关记录