JavaScript 经典实例日常收集整理(常用经典)

前端之家收集整理的这篇文章主要介绍了JavaScript 经典实例日常收集整理(常用经典)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文是小编日常收集整理些js经典实例,特此分享到编程之家平台供大家参考!

跨浏览器添加事件

添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } }

跨浏览器移除事件

跨浏览器阻止默认行为

跨浏览器获取目标对象

获取目标对象 function getTarget(ev){ if(ev.target){//w3c return ev.target; }else if(window.event.srcElement){//IE return window.event.srcElement; } }

跨浏览器获取滚动条位置

获取滚动条位置,sp == scroll position function getSP(){ return{ top: document.documentElement.scrollTop || document.body.scrollTop,left : document.documentElement.scrollLeft || document.body.scrollLeft; } }

跨浏览器获取可视窗口大小

获取可视窗口大小 function getWindow () { if(typeof window.innerWidth !='undefined') { return{ width : window.innerWidth,height : window.innerHeight } } else{ return { width : document.documentElement.clientWidth,height : document.documentElement.clientHeight } } },

js 对象冒充

function Person(name,age){ this.name = name ; this.age = age ; this.say = function (){ return "name : "+ this.name + " age: "+this.age ; } ; } var o = new Object() ;//可以简化为Object() Person.call(o,"zhangsan",20) ; console.log(o.say() );//name : zhangsan age: 20 @H_404_43@

js 异步加载和同步加载

异步加载也叫非阻塞模式加载,浏览器在下载js的同时,同时还会执行后续的页面处理。

在script标签内,用js创建一个script元素并插入到document中,这种就是异步加载js文件了:

同步加载

  平常默认用的都是同步加载。如:

404_43@

  同步模式又称阻塞模式,会阻止流览器的后续处理。停止了后续的文件的解析,执行,如图像的渲染。浏览器之所以会采用同步模式,是因为加载的js文件中有对dom的操作,重定向输出document等默认行为,所以同步才是最安全的。

  通常会把要加载的js放到body结束标签之前,使得js可在页面最后加载,尽量减少阻塞页面的渲染。这样可以先让页面显示出来。

  同步加载流程是瀑布模型,异步加载流程是并发模型。

js获取屏幕坐标

<Meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> <a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>鼠标坐标

猜你在找的JavaScript相关文章