◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

CSS兼容IE6,IE7,FF的技巧2013-04-04

今天在百科上看到一个人问题：*+html 和 +html中的符号意思，于是查询了一下，记录之。 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. PLAIN TEXT CSS: #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ } 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明： PLAIN TEXT HTML: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transiti...

太给力了，去围观»

此文被围观3159次 分类: 前端设计 标签:  ···

js求时间差2013-03-23

今天在做选择一个关于“最近三天”的题要用到时间 先我的时间格式是：2013-03-23 这种格式，这里要注意的就是时间格式，如果是2013-03-23这种格式需要将其中的‘-’替换成‘/’ 用new Date("2013/03/23");这种格式。不然是错的。 var date1=new Date(); //开始时间 alert("aa"); var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)) //计算相差分钟数 var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)) //计算相差秒数 var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000) alert(" 相差 "+days+"天 "+hours+"小时 "+mi...

我只是想看完而已»

此文被围观2544次 分类: 前端设计 标签:  ···

js阻止默认事件，js中的preventDefault2013-03-21

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。 JS阻止链接跳转 [js] <script type="text/javascript"> function stopDefault(e) { if (e && e.preventDefault) {//如果是FF下执行这个 e.preventDefault(); }else{ window.event.returnValue = false;//如果是IE下执行这个 } return false; } </script> <a href="http://www.test.com" id="test">测试</a> <script type="text/javascript"> var test = document.getElementByIdx_x('test'); test.onclick = function(e) { alert('URL：' + this.href + ', 不会跳转'); stopDefault(e); } </script> [/js] 此时点击链接，不会打开url，只...

这文章不得了，一定要看完 »

此文被围观2610次 分类: 前端设计 标签:  ····

js数组的in_array函数 2013-03-21

这篇，应该算是抄的吧，因为这两个方法在网上都能找到，其实是一个方法。。。 PHP的数组函数in_array()非常方便，可JS就不是了。其实我很不喜欢JS的数组~ 别说了，直接上方法 Array.prototype.in_array = function(e) { for(i=0;i...

从来不放弃这样的美文»

此文被围观3921次 分类: 前端设计 标签:  ····

JS alert()、confirm()、prompt()的区别2013-03-21

使用消息框 使用警告、提示和确认 可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 "window.alert()"），不过采用全名是一个好注意，这样有助于您记住这些消息框属于哪个对象。 警告消息框 alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎！请按“确定”继续。"); 确认消息框 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。 var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。"); if (truthBeTold) { window.alert("欢迎访问我们的 Web 页！"); } else window.alert("再见啦！"); 提示消息框 提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了...

不要拦我，我一定要看完 »

此文被围观2724次 分类: 前端设计 标签:  ····

js判断浏览器跳转到手机版页面2013-03-20

js判断浏览器跳转到手机版页面 [js] <script> function uaredirect(murl){ try { if(document.getElementById("bdmark") != null){ return; } var urlhash = window.location.hash; if (!urlhash.match("fromapp")){ if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace(murl); } } } catch(err){} } </script> [/js] [js] <script>uaredirect("http://www.9696e.com");</script> [/js]...

持之以恒，坚持读完»

此文被围观2941次 分类: 前端设计 标签:  ····

JS判断来路域名2013-03-20

判断来路域名是否百度过来的流量，是的话就跳转到某某网页。javascript真的很强大。越来越喜欢javascript [js] var fromUrl=document.referrer; if(fromUrl){ fromUrl=fromUrl.slice(7); var getUrl=fromUrl.split('/'); var domain=getUrl[0]; var start=domain.indexOf('.'); domain=domain.slice(start+1); } if(domain =="baidu.com") window.open(' http://www.dutuwang.net','_self','','true'); [/js]...

此文只应天上有，仰望去»

此文被围观3036次 分类: 前端设计 标签:  ···

JS判断浏览器版本,型号2013-03-20

var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器 ...

博主太强大了，膜拜去»

此文被围观3930次 分类: 前端设计 标签:  ··

window.location.assign(url)和replace(url)区别2013-03-20

window.location.assign(url) ： 加载 URL 指定的新的 HTML 文档。 就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。 window.location.replace(url) ： 通过加载 URL 指定的文档来替换当前文档 ，这个方法是替换当前窗口页面，前后两个页面共用一个 窗口，所以是没有后退返回上一页的...

世上尽有如此美文，快快阅读之 »

此文被围观2940次 分类: 前端设计 标签:  ···

js中window.location.hash属性介绍2013-03-20

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。 很多人都喜欢收藏网页，以便于以后的浏览。不过对于Ajax页面来说的话，一般用一个页面来处理所有的事务，也就是说，如果你浏览到一个Ajax页面里边有意思的内容，想将它收藏起来，可是地址只有一个呀，下次你打开这个地址，还是得像以往一样不断地去点击网页，找到你钟情的那个页面。另外的话，浏览器上的“前进”“后退”按钮也会失效，这于很多习惯了传统页面的用户来说，是一个很大的使用障碍。 那么，怎么用location.hash来解决这两个问题呢？其实一点也不神秘。 比如，我的作者管理系统，主要功能有三个：普通搜索、高级搜索、后台管理，我分别给它们分配一个hash值：#search、#advsearch、#admin，在页面初始化的时候，通过window.location.hash来判断用户需要访问的页面，然后通过javascript来调整显示页面。比如： [js] var hash; hash=(!window.location.hash)?"#search":window.location.hash; window.locat...

我只是想看完而已»

此文被围观2452次 分类: 前端设计 标签:  ··

关于javascript中的typeof和instanceof的区别2013-03-20

typeof用来检测给定变量的数据类型(也可叫做基本类型，基本数据类型。包含undefined、boolean、string、number、object、function) [js] var message = "so easy"; alert(typeof message); //"string" alert(typeof 12); //"number" [/js] 可以这样记忆：typeof是用来判断不是用new创建的“变量”。 instanceof用来检测对象的类型(也可叫做引用类型。包含Object、Array、Date、RegExp、Function、基本包装类型(含Boolean、Number、String)) [js] var numberObject = new Number(10); var numberValue = 10; alert(typeof numberObject); //"object" alert(typeof numberValue); //"number" alert(numberObject instanceof Number); //true alert(numberValue instanceof Number); //false [/js] numberValue是number基础数据类型，不属于任何引用类型。 numberObject是obj...

从来不放弃这样的美文»

此文被围观2577次 分类: 前端设计 标签:  ···

Jquery+php实现comet(附实例下载)2013-03-19

上一篇文章我们是写的用prototype+php实现了comet，本人对prototype不熟，为理解它的原理，所以用Jquery改写了一下,php代码没有变. [php] <?php set_time_limit(9990); $filename = dirname(__FILE__).'/data.txt'; // store new message in the file $msg = isset($_GET['msg']) ? $_GET['msg'] : ''; if ($msg != ''){ file_put_contents($filename,$msg,LOCK_EX); die(); } // infinite loop until the data file is not modified $lastmodif = isset($_GET['timestamp']) ? $_GET['timestamp'] : 0; $currentmodif = filemtime($filename); while ($currentmodif <= $lastmodif) // check if the data file has been modified { usleep(10000); // sleep 10ms to unload the CPU clearstatcache(); $currentmodif = filemtime($filename...

这文章不得了，一定要看完 »

此文被围观3127次 分类: 前端设计 标签:  ··

prototype+php实现comet,网页消息推送2013-03-19

最近在看“服务器推送技术”，在B/S结构中，通过某种magic使得客户端不需要通过轮询即可以得到服务端的最新信息 （比如股票价格，聊天室，webQQ、开心网、白社会），这样可以节省大量的带宽。 传统的轮询技术对服务器的压力很大，并且造成带宽的极大浪费。如果改用ajax轮询，可以降低带宽的负荷（因为服务器返回的不是完整页面），但是对 服务器的压力并不会有明显的减少。 而推技术（push）可以改善这种情况。但因为HTTP连接的特性（短暂，必须由客户端发起），使得推技术的实现比较困难，常见的做法是通过延长 http连接的寿命，来实现push。 基本实现原理： 接下来自然该讨论如何延长http连接的寿命，最简单的自然是死循环法，如果使用观察者模式则可以进一步提高性能。 但是这种做法的缺点在于客户端请求了这个servlet后，web服务器会开启一个线程执行servlet的代码，而servlet由迟迟不肯结 束，造成该线程也无法被释放。于是乎，一个客户端一个线程，当客户端数量增加时，服务器依然会承受很大的负担。 要从根本上改变这个现象比较复杂，目前的趋势是从web服务器内部入手，用nio（JDK 1.4提出的java.nio包）改写request/response的实现，再利用线程池增强服务器的资源利用率，从而解决这个问题，目前支持这一非 J2EE官方技术的服务器有Glassfish和Jetty。目前也有一些框架/工具可以帮助你实现推功能，比如pushlets。不过没有深入研究。还 有就是通过设置超时来解决。 在...

从来不放弃这样的美文»

此文被围观3431次 分类: 前端设计 标签:  ·····

HTML5开发:实战网页推送更新机制,PHP推送消息2013-03-19

在这篇教程里，我们将了解这一过程，用EventSource对象处理接收的数据并将其写入页面。我们将在客户端使用HTML5和JavaScript，而在服务器端则使用PHP。 在现有模式下，如Ajax，网页中的代码会持续询问服务器是否要提供新数据，而客户端则负责要对这一信息发出请求。有了服务器发送的请求，你就可以把数据导出服务器，这样就可以从那儿推出更新，而不需要客户端代码不停对其发出请求。一旦页面发出服务器发送事件，服务器脚本就会持续发送更新。你的JavaScript代码会在接收到新数据的时候将其写入页面。 创建一个HTML5页面 用下列代码创建你的HTML5页面： [html] <!DOCTYPE html> <html> <head> </head> <body> </body> </html> [/html] 添加一个要素显示服务器发送的数据 我们要在一个专用页面要素里显示从服务器接收到的数据，所以请将下列代码添加到你的页面： [js] <div id="serverData">Hereis where the server sent data will appear</div> [/js] 你可以在要素中放置任何你喜欢的内容，只要它具备ID属性，因为你要能在脚本中识别出它来。占位符文本应该只在页面第一次加载的时候出现，但是在脚本运行...

这文章不得了，一定要看完 »

此文被围观4372次 分类: 前端设计 标签:  ·····

jQuery在线引用地址{包括jquery和google提供的地址},节省你不必要的流量2013-03-19

你可以使用这句代码读取jQuery的最新版本的代码文件。 jquery官方的引用地址: 示例: [js] <script src="http://code.jquery.com/jquery-latest.js"></script> [/js] 有效地址: [js] http://code.jquery.com/jquery-1.4.1.min.js http://code.jquery.com/jquery-1.4.1.js [/js] 其中:1.4.1是版本信息 latest: 表示最新 Google引用地址: 可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery： 示例: [js] <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script> [/js] 有效地址: [js] http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js [/js] 其中:1.4.2是版本信息...

太给力了，去围观»

此文被围观2782次 分类: 前端设计 标签:  ··
‹«1011121314›»

最新专题

随机文章

本月排行

Tags 标签云

前端技术编程开发curl get postcurl postphpphp学习服务器mysqldedecms数据库php技术centoslinux网站开发PHP开发jsdestoonthinkphpwrite contextget_post_formatrewritejqueryapachepsbugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjsp mysqlmyeclipsetemplatelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

Links 友情链接

简单看书超级字贴

站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。 蜀ICP备12031064号      川公网安备51162302000234