javascript
全栈技术圈
我来自湛江市的某一个角落,非常热爱互联网。。。
展开
-
onhashchange事件
onhashchange事件:是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。window.location.hash属性介绍:location是javascript里边管理地址栏的内置对象,比如location.href就管理页翻译 2013-05-25 21:30:44 · 5552 阅读 · 0 评论 -
js获取html元素宽度的思考
分两种情况讨论:1、使用内联样式,即直接把CSS写在HTML元素的style属性中[xhtml] view plaincopydiv id="d1" style="width:100px;height:200px;"> div> 通过以下js代码可以获取width等属性,转载 2013-11-24 01:19:17 · 847 阅读 · 0 评论 -
NodeJs
http://blog.fens.me/nodejs-express3/http://blog.csdn.net/legend_x/article/details/11595109转载 2013-09-25 14:52:27 · 461 阅读 · 0 评论 -
封装一个ajax函数
异步获取abc.txt页面的内容在js页面function ajax(url,funSucc,funFaild){//1、创建Ajax对象var oAjax=null;if(window.XMLHttpRequest){oAjax=new XMLHttpRequest();}else{oAjax=new ActiveXObject("Micros原创 2013-06-07 23:33:21 · 1829 阅读 · 0 评论 -
eval解析JSON中的注意点
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析,并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符转载 2013-09-14 00:48:33 · 815 阅读 · 0 评论 -
获取json对象的长度
function getJsonLength(jsonData){ var jsonLength = 0; for(var item in jsonData){ jsonLength++; } return jsonLength;}转载 2013-09-14 00:35:09 · 3025 阅读 · 0 评论 -
网页刷新 页面位置不变(根据滚动条)
1.发现写js函数时最好函数头这样写window.onload = function (),如果function window.onbeforeunload() IE9不太兼容.兼容IE6,IE7,IE8,IE9window.onbeforeunload = function () { var scrollPos; if (typeof window原创 2013-09-05 18:42:39 · 1520 阅读 · 1 评论 -
获取浏览器可视区域宽度和高度 兼容主流浏览器
function fnGetWidthHeight() { var viewportwidth; var viewportheight; // 支持(mozilla/netscape/opera/chrome/IE7) if (typeof window.innerWidth != 'undefine转载 2013-08-29 14:48:56 · 919 阅读 · 0 评论 -
全局变量是window的属性
1、全局变量是window的属性如var wen=12;alert(wen);//等价于alert(window.wen);特点:用一个不存在的变量会出错;但是用一个不存在的属性,会返回undefined值2、利用这个特点来解决浏览器的兼容性的问题:例如://1、创建Ajax对象var oAjax=null;if(window.XMLHttpReques原创 2013-06-08 15:35:08 · 1548 阅读 · 0 评论 -
图片加载js--图片被动加载
Javascript实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img添加 自定义_src属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数。主函数获取其他脚本注册到window上的onscroll和onresize事件,避免冲突。 本代码在IE6 firefox3.6 Firefox4.0 chrome opera 11.10中测试通过。被动加原创 2013-06-11 18:22:31 · 690 阅读 · 0 评论 -
封装Cookie2
封装Cookie2window.onload=function(){//设置Cookiefunction setCookie(name, value, expiresDay){//name表示cookie的名称;value表示这个cookie的值;expiresDay表示这个cookie在几天后过期//encodeURIComponent()函数可把字符串作为 URI 组件进行原创 2013-06-12 00:30:21 · 589 阅读 · 0 评论 -
封装Cookie1
代码页面:封装Cookie1window.onload=function(){var CookieUtil={//所有名字和值都是经过URL编码的,所以必须使用encodeURIComponent来解码set:function(name, value, expires, path, domain, secure){//encodeURIComponent()原创 2013-06-11 23:28:23 · 513 阅读 · 0 评论 -
js--文档碎片
文档碎片的作用:可以提高DOM操作性能(理论上),实际上不一定提高性能,反而降低性能。比如下面的两个页面进行比较:点击普通按钮和碎片按钮进行比较两个弹出的时间大小;时间越大说明性能越低;文档碎片--普通页面:无标题文档window.onload=function(){var oBtn=document.getElementById('bt原创 2013-06-10 15:55:35 · 918 阅读 · 0 评论 -
简单地封装一个className
封装className文档//封装className的function getByClass(oParent,sClass){ //oParent表示:父级元素,className表示:需要获得oParent(父级元素)里面的class类的类名为classNamevar aEle=oParent.getElementsByTagName('*');var aResu原创 2013-06-10 14:36:43 · 658 阅读 · 0 评论 -
7 个效果震憾的 HTML5 应用组件
From : http://www.oschina.net/news/41941/7-html5-apps?from=20130707在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。1、HTML5实时动态数据转载 2013-10-03 00:11:20 · 1162 阅读 · 0 评论