首页 / JAVASCRIPT / 非常不错的一个javascript 类

非常不错的一个javascript 类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了非常不错的一个javascript 类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含11707字，纯文字阅读大概需要17分钟。

内容图文

非常不错的一个javascript 类
代码如下:
/*
*  Author:aoao
*    Homepage:http://www.loaoao.com
*  Email:loaoao@gmail.com / QQ:2222342
*  Copyright (c) 2006 aoao
*  Licensed under a Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/)
*/

var jscc = new Object();
var loaoao = new Object();//^_^//
jscc = {
    init:function(){/*_*/},
    path:"/scripts/jscc/",
    include:function (file){
        var j=document.createElement("script");
        j.setAttribute('type','text/javascript');
        j.setAttribute('src',jscc.path+file+'.js');
        document.getElementsByTagName("head")[0].appendChild(j);
    }
};

jscc.addEvent = function( obj, type, fn ) {
    if ( obj.attachEvent ) {
      obj['e'+type+fn] = fn;
      obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
      obj.attachEvent( 'on'+type, obj[type+fn] );
    } else {
      obj.addEventListener( type, fn, false );
    }
};
// Cookies
jscc.cookie = {
    create:function (name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      }
      else expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
    },
    read:function(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
};

jscc.getPageSize=function(){
    // reference lightbox (http://www.huddletogether.com/projects/lightbox/lightbox.js)
     var theWidth,theHeight;
    if (window.innerHeight&&window.scrollMaxY) {
        theWidth = window.innerWidth;
        theHeight = window.innerHeight+ window.scrollMaxY;
     }
    else if (document.body){
        theWidth=((document.body.scrollWidth > document.body.offsetWidth)?document.body.scrollWidth : document.body.offsetWidth );
        theHeight=((document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight  : document.body.offsetHeight );
    }
    var winWidth ,winHeight;
    if (self.innerHeight) {
        winWidth = self.innerWidth;
        winHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        winWidth = document.documentElement.clientWidth;
        winHeight = document.documentElement.clientHeight;
    } else if (document.body) {
        winWidth = document.body.clientWidth;
        winHeight = document.body.clientHeight;
    }
    var pWidth=(theWidth>winWidth?theWidth:winWidth)
    var pHeight=(theHeight>winHeight?theHeight:winHeight)

    var yScroll;
    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){     // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
    }
    var getPageSize = new Array(pWidth,pHeight,winWidth,winHeight,yScroll)
    return getPageSize;
}

jscc.widgets = {/**/};
jscc.widgets.fixedsidebar = {
    fixedHeight:0,
    oldScrolltop:0,
    init: function(){
        if (!document.getElementById("sidebar")) return;
        jscc.addEvent(window,"scroll",function(e){jscc.widgets.fixedsidebar.setFixed()});
        jscc.addEvent(window,"resize",function(e){jscc.widgets.fixedsidebar.setFixed()});
        this.fixedHeight=document.getElementById("sidebar").offsetTop;
        this.setFixed();
    },
    setFixed:function(){
        var sidebar=document.getElementById("sidebar");
        var ref=document.getElementById("main");
        var s_t=sidebar.offsetTop;
        var s_h=sidebar.offsetHeight;
        var s_th=s_t+s_h;
        var r_th=ref.offsetTop+ref.offsetHeight;
        var d_st;
        if(document.documentElement.scrollTop){
            d_st=document.documentElement.scrollTop;
        }
        else{
            d_st=document.body.scrollTop
            }
        if(r_th>(s_t+s_h)){
            var seHeight=0;
            if (self.innerHeight) {    seHeight = self.innerHeight;} else if (document.documentElement && document.documentElement.clientHeight) {    seHeight = document.documentElement.clientHeight;} else if (document.body) {seHeight = document.body.clientHeight;}
            try{
                if(seHeight>s_h){
                    var newtop=(d_st<this.fixedHeight?0:d_st-this.fixedHeight-42);
                }
                else{
                // Thank you dron (http://www.ucren.com/)
                switch (d_st-this.oldScrolltop>0)
                    {
                    case true:
                        if (d_st-this.fixedHeight > s_t -seHeight){
                        var    newtop= d_st -this.fixedHeight - (s_h-seHeight)-68;
                        }
                    break;
                    case false:
                        if (d_st-this.fixedHeight<parseInt(sidebar.style.marginTop,10)){
                        var newtop= d_st-this.fixedHeight;
                        }
                    break;
                    }
                }
                this.oldScrolltop = d_st;
                if(newtop==undefined){ return;};
                newtop=(newtop<0?0:newtop);
                sidebar.style.marginTop= newtop+"px";
            }
            catch(e){
              //alert(e.description);
            }
        }
        else{
            sidebar.style.marginTop="0px";
        }
    }
};
//jscc.addEvent(window,"load",function(e){jscc.widgets.fixedsidebar.init()});

jscc.widgets.wraphandler = {
    //jscc.widgets.wraphandler reference http://www.collylogic.com/includes/resizer.js (http://www.collylogic.com/?/comments/redesign-notes-1-width-based-layout/)
    init: function() {
        //if (!document.getElementById) return;
            if( document.getElementById('wrapper').className=="col3"){
            jscc.wraphandler.setWrapper();
            jscc.addEvent(window,"resize",jscc.wraphandler.setWrapper);
            }
            else{return}
      },
      setWrapper: function() {
       var getPS=jscc.getPageSize();
       var _width=getPS[2];
          if (_width < 940) {
            document.getElementById('wrapper').className = 'col2';
          } else {
            document.getElementById('wrapper').className = 'col3';
          }
          if(document.all) {
            if (_width < 780) {
            document.getElementById('wrapper').style.width="750px"
              } else {
                document.getElementById('wrapper').style.width="auto"
              }
          }
      }
};
//jscc.addEvent(window,"load",function(e){jscc.widgets.wraphandler.init()});

jscc.widgets.styleSwitcher = {
    // jscc.widgets.styleSwitcher  reference StyleSwitcher functions( written by Paul Sowden http://www.idontsmoke.co.uk/ss/ . For the details, visit ALA: http://www.alistapart.com/stories/alternate/)
    init:function(e) {
        var cookie = jscc.cookie.read("style");
        var title = cookie ? cookie : this.getPreferred();
        title = (title==null?"left":title);
        this.setActive(title);
        var operactioner = document.getElementById("themes").getElementsByTagName("A");
    operactioner[0].onclick=function() {
        jscc.widgets.styleSwitcher.setActive("left");
        return false;
    };
    operactioner[1].onclick=function() {
        jscc.widgets.styleSwitcher.setActive("right");
        return false;
    };
    this.switcher(title);
    },
    setActive:function(title){
        var i, a, main;
          for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
                a.disabled = true;
                if(a.getAttribute("title") == title) a.disabled = false;
            }
        }
        this.switcher(title);
        //jscc.cookie.create("style", title,"365");
    },
    getActive:function(){
    var i, a;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");}
      return null;
    },
    getPreferred:function (){
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    },
    switcher:function(theme){
        if(!document.getElementById(["theme_"+theme])) { return;}
        var notheme=(theme=="left"?"right":"left");
        document.getElementById(["theme_"+notheme]).style.display="inline";
        document.getElementById(["theme_"+theme]).style.display="none";
    },
    end:function(e){
      var title = this.getActive();
      jscc.cookie.create("style", title,"365");
    }
};
//jscc.addEvent(window,"load",function(e){jscc.widgets.styleSwitcher.init()});
jscc.addEvent(window,"unload",function(e){jscc.widgets.styleSwitcher.end()});

jscc.widgets.toTop = {
    init:function(){
        document.getElementById("toTop").onclick=function(e){
            jscc.widgets.toTop.set();
            return false;
        }
    },
    waitTimer:null,
    set:function(){
        var d_st=document.documentElement.scrollTop;
        if(window.navigator.userAgent.indexOf("MSIE")>=1){
            for (var i=d_st; i>10; i-=Math.floor(i/6)){
            window.scrollTo(0,i);
            }
            window.scrollTo(0,10);
        }
        else{
        window.scrollTo(0,Math.floor(d_st / 2));

         if(d_st>10){
                 waitTimer=setTimeout("jscc.widgets.toTop.set()",20);
          }
            else{
                  clearTimeout(waitTimer);
            }
        }
    }
}
jscc.api={
    google:{
        init:function(){
        try{
            var searchControl = new GSearchControl();
        }
            catch(e){
             return;
            }

        var options = new GdrawOptions();
        options.setSearchFormRoot(document.getElementById("googleSearchForm"));
        options.setDrawMode(GSearchControl.DRAW_MODE_TABBED);
         searchControl.setLinkTarget(GSearch.LINK_TARGET_SELF);
        searchControl.setResultSetSize(GSearch.LARGE_RESULTSET);

        var siteSearch = new GwebSearch();
        siteSearch.setUserDefinedLabel("站内搜索");
        siteSearch.setUserDefinedClassSuffix("siteSearch");
        siteSearch.setSiteRestriction("www.loaoao.com");
        searchControl.addSearcher(siteSearch);
        var labSearch = new GwebSearch();
        labSearch.setUserDefinedLabel("嗷嗷的实验室搜索");
        labSearch.setUserDefinedClassSuffix("labSearch");
        labSearch.setSiteRestriction("lab.loaoao.com");
        searchControl.addSearcher(labSearch);
        var wwwSearch = new GwebSearch();
        wwwSearch.setUserDefinedLabel("Google搜索");
        labSearch.setUserDefinedClassSuffix("wwwSearch");
        searchControl.addSearcher(wwwSearch);

        searchControl.draw(document.getElementById("googleSearchResults"), options);
        //    searchControl.execute("css");
        }
    }
}
loaoao.com = function(){
    if (!document.getElementById) return;
    jscc.widgets.styleSwitcher.init();
    jscc.widgets.fixedsidebar.init();
    jscc.widgets.toTop.init();
    jscc.api.google.init();

};
jscc.addEvent(window,"load",loaoao.com);

内容总结

以上是互联网集市为您收集整理的非常不错的一个javascript 类全部内容，希望文章能够帮你解决非常不错的一个javascript 类所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/376224.html

来源：【匿名】

【上一篇】不错的一个日期输入动态【下一篇】javascript 怎么调用php方法

更多 ►

【非常不错的一个javascript 类】教程文章相关的互联网学习教程文章

基于OpenLayers的地图封装Javascript类定义

??基于OpenLayers的地图封装Javascript类定义 MapCwgisClass.js//web地图封装类 //MapCwgisClass类的定义 //vp:hsg,myk //create date:2013-07-26 //类原型定义 var Person = function () {this.m_Name = "good"; } Person.prototype = {m_Name: ‘‘,getName: function () {return this.m_Name;} } //类原型定义 var MapCwgisClass=function() {//OpenLayers环境参数OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;OpenLayers.DOTS_PER_...

javascript 类的创建1【代码】

<!DOCTYPE html> <html> <head><title>javascript_对象的创建</title><meta charset="utf-8"><script type="text/javascript">/*** 在js中并不存在类，所以可以* 通过Object来创建，但是使用* 下面的创建的方式会带来问题* 由于没有类的约束无法实现* 对象的重复利用* 并且没有一种约定* 在操作的时候会带来问题* */var person = new Object();person.name="JA";person.age=33;person.say=function(){alert(this.name+","+this.age...

TypeScript：如何导入ES6 JavaScript类？【代码】

我有一个名为DB的ES6 JavaScript类,定义如下：// db.js "use strict";export default class DB {... }还有一个TypeScript文件,如下所示：// surgeons.ts "use strict";import DB from "./db";我希望这可以正常工作,但是会出现以下错误：Browserify Error { [TypeScript error: app/source/common/surgeons.ts(3,16): Error TS2307: Cannot find module './db'.]message: 'app/source/common/surgeons.ts(3,16): Error TS2307: Cann...

JavaScript类数组对象与arguments实例详解【图】

类数组对象所谓的类数组对象:拥有一个 length 属性和若干索引属性的对象举个例子：var array = [name, age, sex];var arrayLike = {0: name,1: age,2: sex,length: 3 }即便如此，为什么叫做类数组对象呢？那让我们从读写、获取长度、遍历三个方面看看这两个对象。读写console.log(array[0]); // name console.log(arrayLike[0]); // namearray[0] = new name; arrayLike[0] = new name;长度console.log(array.length); // 3 consol...

javascript类的定义与属性、方法的调用技巧实例详解

js可以定义自己的类<script type="text/javascript"> var Anim = function() {alert(nihao); }; Anim.prototype.start = function() {alert(start); }; Anim.prototype.stop = function() {alert(stop); }; var myAnim = new Anim(); myAnim.start(); myAnim.stop(); </script>Anim就是一个类，初始化的时候会弹出nihao。它有两个方法，一个是start方法，一个是stop方法。使用的时候直接用点来调用。<script type="text/javascript...

javascript类构造函数和自己更新自己函数代码实例详解

类构造函数JavaScript的函数同时作为类的构造函数，因此只要声明一个函数就可以使用new关键字创建类的实例。 function Person(name) { this.name = name; this.toString = function() { return Hello, + this.name + !; }; } var p = new Person(Ghostheaven); alert(p); // Hello, Ghostheaven!在以上实例中Person函数作为类的构造函数使用，此时this指向新创建的实例对象，可以为实例增加属性和方法，关于详细的面向对象的JavaS...

关于JavaScript类的继承（推荐）【图】

其实最一开始学JS的时候就看过继承的实现。当时只是去试着理解从书上看来的代码段而已。今天又重新思考了一下，感觉这是一个思维探索演进的结果。继承，即复用。如果抛开继承的固有思想，让b复用a的成员，最简单粗暴的做法, b=a;那么，问题来了: 对b的任何改动，就是对a的改动(同一个object嘛)。好吧，那就拷贝一份，浅拷贝不够安全的话，就用深拷贝。问题：代码是复用了，但内存浪费了(不管是变量还是方法，在JS中都是对象)。不拷...

由浅到深了解JavaScript类_javascript技巧

时间:2006-3-6 作者:泣红亭简介: 原文出处:www.51js.com 说明:2004年6月15日翻译: 最近在无忧脚本混了一阵子，回复了一些贴子，自己却没有做出什么东东让大家看看，心里有些不安，于是写了下边的一点东西，本来应该发在类封装区的，考虑到那里比较冷，而这篇文章我希望能够帮助到更多的朋友，因此放到这里来了。类是什么？许多刚接触编程的朋友都可能理解不了类，其实类是对我们这个现实世界的模拟，把它说成“类别”或者“类...

非常不错的一个javascript类_javascript技巧

使用Modello编写JavaScript类_javascript技巧

From：http://www.ajaxwing.com/index.php?id=2 一，背景回顾一下编程语言的发展，不难发现这是一个不断封装的过程：从最开始的汇编语言，到面向过程语言，然后到面向对象语言，再到具备面向对象特性的脚本语言，一层一层封装，一步一步减轻程序员的负担，逐渐提高编写程序的效率。这篇文章是关于 JavaScript 的，所以我们先来了解一下 JavaScript 是一种怎样的语言。到目前为止，JavaScript 是一种不完全支持面向对象特性的脚本语...

Auntion-TableSortjavascript类文件_javascript技巧

tableSort.class.js 代码如下:/* * 表格名不能为空,可为已获取的对象或名字 * 表头名默认为：tag * 通过自行编写接口可实现不同的触发排序方式 * * 作者:Auntion * E-mail:Auntion@Gmail.com * OICQ:82874972 * * 日期:2007年04月22日 - 测试 - 待修正 */ var tableSort= function(element,tagName,upStyle,downStyle){this.table= (typeof(element) == string) ? TAGDom.fromId(element)...

收集的几个不错的javascript类小例子_js面向对象【图】

具体功能运行后看效果添加f1添加f2添加f3 移除f1移除f2移除f3 function FunctionArray() { var functions=new Array(); var FA=function (){ for(var i=0;i[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]Function.prototype.concat = function() { var funcs = [this].concat(Array.apply([], arguments)); return function(){ var ret = []; for(var i = 0; i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]顺便贴上w...

在Javascript类中使用setTimeout_javascript技巧

最近遇到了一道 Javascript 考题，内容如下：尝试实现注释部分的 Javascript 代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）： var Obj = function(msg){ this.msg = msg; this.shout = function(){ alert(this.msg); } this.waitAndShout = function(){ // 隔五秒钟后执行上面的 shout 方法 } } var testObj = new Obj("Hello,World!"); testObj.shout();坦白的说，之...

javascriptBase类包含基本的方法_js面向对象【图】

代码如下: function Base(){} //根抽象类 Base.toBase=function(){ //将一个对象转化成Base类的实例的方法 return new Base(); } Base.inherit=function(parent){ //用于继承Base类的实例的方法 var F=function(){} F.prototype=parent; return new F; } Base.prototype.extend = function(prop){ //扩展根抽象类Base的extend方法 for (var o in prop) { this[o] = prop[o]; } } Base.prototype.method = function(name, fn){ //扩...

Javascript类的继承实现代码_javascript技巧

JavaScript中类的学习，从基本类继承过来方法也可以这样实现： Java代码代码如下: function newClass(){ this.firstName="frank"; this.toUc=String.toUpperCase; this.toString=function(){ return this.toUc(this.firstName); } } var nc=new newClass(); alert(nc);//在IE中没反应。。 function newClass(){ this.firstName="frank"; this.toUc=String.toUpperCase; this.toString=function(){ return this.toUc(this.firstN...

首页 / JAVASCRIPT / 非常不错的一个javascript 类

非常不错的一个javascript 类

内容导读

内容图文

内容总结

内容备注

内容手机端

【非常不错的一个javascript 类】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程