学习笔记

最新推荐文章于 2024-08-15 00:09:04 发布

LOVE亦心

最新推荐文章于 2024-08-15 00:09:04 发布

阅读量401

点赞数

分类专栏：学习笔记文章标签： js

本文链接：https://blog.youkuaiyun.com/famiou/article/details/40740153

版权

学习笔记专栏收录该内容

2 篇文章

订阅专栏

JS 阻止浏览器关闭及刷新，弹出窗口提示，兼容IE FF Chrome等浏览器

window.onbeforeunload = function(){
  if ( /Firefox/.test(navigator.userAgent) && new Number(RegExp.$1) >= 4) {
      if(confirm('您的内容尚未保存，确定要离开本页吗？')){
          history.go();
      } else{
          window.setTimeout(function() { window.stop(); }, 1);
      }
  } else{
      return '您的内容尚未保存，确定要离开本页吗？';
  }
}

JS 判断浏览器方式

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(/Windows Phone/) || !!u.match(/SymbianOS/), //是否为移动终端                
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器                
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                
iPad: u.indexOf('iPad') > -1, //是否iPad                
webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部            
};
}()
}
if(browser.versions.mobile){ //判断是否是移动端
	if(browser.versions.iPad){
		window.location.href="/pad/";
	}else{
		window.location.href="/wap/";
	}
}
document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+ browser.versions.iPad);
document.writeln(navigator.userAgent);

原生JS的事件监听

/*
**监听事件兼容
**用法 Event.addEvent(node,click,callbank)
*/
var Event = {};
Event.addEvent = function(target,eventType,handle){

	if(document.addEventListener){
		Event.addEvent = function(target,eventType,handle){
			target.addEventListener(eventType,handle,false);
		}
	}else if(document.attachEvent){
		Event.addEvent = function(target,eventType,handle){
			target.attachEvent('on'+eventType,function(){
				handle.call(target,arguments);//改变this指向
			});
		}
	}else{
		Event.addEvent = function(target,eventType,handle){
			target['on'+eventType] = handle;
		}
	}
	Event.addEvent (target,eventType,handle);
}

仿JQuery $美元符号

/*
* 仿JQuery $
*使用方法 $("id").html()
*/
(function () {
var xx = window.$= function (d) {
    //内建个new 这样直接$也可以使用prototype
    if(this==window){
        return new xx(d);
    }
    if(d.nodeName){
        this.node = d;
    }else{
        this.node = document.getElementById(d);
    }
} 
$.prototype.html = function(t){
	if(t){
		this.node.innerHTML= t;
		return this;
	}
	return this.node.innerHTML;
}
})();

注：以上资源均来源于网络，由于时间太长，不记不原文链接，如有雷同，纯属巧合