![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 5522 阅读 · 0 评论 -
js获取html元素宽度的思考
分两种情况讨论: 1、使用内联样式,即直接把CSS写在HTML元素的style属性中 [xhtml] view plaincopy div id="d1" style="width:100px;height:200px;"> div> 通过以下js代码可以获取width等属性,转载 2013-11-24 01:19:17 · 819 阅读 · 0 评论 -
NodeJs
http://blog.fens.me/nodejs-express3/ http://blog.csdn.net/legend_x/article/details/11595109转载 2013-09-25 14:52:27 · 452 阅读 · 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 · 1821 阅读 · 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 · 805 阅读 · 0 评论 -
获取json对象的长度
function getJsonLength(jsonData){ var jsonLength = 0; for(var item in jsonData){ jsonLength++; } return jsonLength; }转载 2013-09-14 00:35:09 · 2991 阅读 · 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 · 1507 阅读 · 1 评论 -
获取浏览器可视区域宽度和高度 兼容主流浏览器
function fnGetWidthHeight() { var viewportwidth; var viewportheight; // 支持(mozilla/netscape/opera/chrome/IE7) if (typeof window.innerWidth != 'undefine转载 2013-08-29 14:48:56 · 886 阅读 · 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 · 1527 阅读 · 0 评论 -
图片加载js--图片被动加载
Javascript实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img添加 自定义_src属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数。主函数获取其他脚本注册到window上的onscroll和onresize事件,避免冲突。 本代码在IE6 firefox3.6 Firefox4.0 chrome opera 11.10中测试通过。被动加原创 2013-06-11 18:22:31 · 657 阅读 · 0 评论 -
封装Cookie2
封装Cookie2 window.onload=function(){ //设置Cookie function setCookie(name, value, expiresDay){//name表示cookie的名称;value表示这个cookie的值;expiresDay表示这个cookie在几天后过期 //encodeURIComponent()函数可把字符串作为 URI 组件进行原创 2013-06-12 00:30:21 · 579 阅读 · 0 评论 -
封装Cookie1
代码页面: 封装Cookie1 window.onload=function(){ var CookieUtil={//所有名字和值都是经过URL编码的,所以必须使用encodeURIComponent来解码 set:function(name, value, expires, path, domain, secure){ //encodeURIComponent()原创 2013-06-11 23:28:23 · 504 阅读 · 0 评论 -
js--文档碎片
文档碎片的作用:可以提高DOM操作性能(理论上),实际上不一定提高性能,反而降低性能。 比如下面的两个页面进行比较:点击普通按钮和碎片按钮进行比较两个弹出的时间大小;时间越大说明性能越低; 文档碎片--普通页面: 无标题文档 window.onload=function(){ var oBtn=document.getElementById('bt原创 2013-06-10 15:55:35 · 891 阅读 · 0 评论 -
简单地封装一个className
封装className文档 //封装className的 function getByClass(oParent,sClass){ //oParent表示:父级元素,className表示:需要获得oParent(父级元素)里面的class类的类名为className var aEle=oParent.getElementsByTagName('*'); var aResu原创 2013-06-10 14:36:43 · 647 阅读 · 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 · 1151 阅读 · 0 评论