您的位置：编程知识库>Javascript>javascript小记

javascript小记

作者：编程知识库 发布：2011-07-14 分类：Javascript 阅读：1,193次

js自定义方法–addClass

function addclass(elm,newclass){
　　var classes = elm.className.split(' ');
　　classes.push(newclass);
　　elm.className = classes.join(' ');
}
 
split() 方法用于把一个字符串分割成字符串数组。
join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。可指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。提示：要想数组的开头添加一个或多个元素，请使用 unshift() 方法。

 

 

a.x = a = { }, 深入理解赋值表达式
var o = {x : 1};
var a = o;
 
a.x = a = {name:100};
 
console.log(a.x);    // undefined
console.log(o.x);    // {name:100}
 
// a.x = a = {name:100};
// 等价于 a.x = (a = {name:100});
// 首先计算a.x的引用，然后计算(a = {name:100})的返回值
 
if 语句的简写
var condition = true, numb = 0;
if(condition) {
    alert('rain-man')
}
if(condition) {
    numb = 1 + 2;
}
等同于
var condition = true, numb = 0;
condition && alert('rain-man');
condition && (numb = 1 + 2);
 
&& 和 || 的计算取值
(true && 222);    // 222
!!(true && 222);    // true
(false && 222 );    // false
(false || 222);     // 222
!!(false || 222);   // true
!!variable 会返回和原值相等的boolean值
 
Object的构造
function Object() { [native code] }
Object.prototype = {
constructor: function Object() { [native code] },
hasOwnProperty: function hasOwnProperty() { [native code] },
isPrototypeOf: function isPrototypeOf() { [native code] },
propertyIsEnumerable: function propertyIsEnumerable() { [native code] },
toLocaleString: function toLocaleString() { [native code] },
toString: function toString() { [native code] },
valueOf: function valueOf() { [native code] }
};
 
Object.prototype.constructor === Object;    // true
 
prototype中的一些细节
var A = function(){
    this.name = 'rain-man';
};
A.prototype = {
    name : 'cnblogs'
};
var o = new A();
console.log(o.name);    // 'rain-man'
var B = function(){};
B.prototype = {
    name : 'obj-B'
};
 
var o = new B();
o.name = 'obj-c';
delete o.name;
console.log(o.name);    //'obj-B'，暴漏原型链
 
创建对象，并保持原型链
var O = function(obj) {
    function T() {}
    T.prototype = obj;
    return new T();
};
 
var obj = {name: 'obj', age: 0 }, 
    obj1 = O(obj), 
    obj2 = O(obj1);
 
// 更改原型链的一处，所有原型链都会更改
obj.name = 'superclass';    
console.log(obj1.name);    // 'superclass'
console.log(obj2.name);    // 'superclass'
 
// 每一层可单独处理
obj1.name = 100;
console.log(obj1.name);    //100
delete obj1.name;    //暴漏原型链
console.log(obj1.name);    // 'superclass'
 
处理兼容性，获得事件对象
if(window.event) oEvent = window.event;  或者 oSrc = oEvent.srcElement?oEvent.srcElement:oEvent.target;
 

图片等比例缩放

function newDrawImage(ImgD){

 var image=new Image();
 var iwidth = 300;  //定义允许图片宽度
 var iheight = 300;  //定义允许图片高度
 image.src=ImgD.src; 
if(image.width>0 && image.height>0){
 if(image.width>=image.height){
  if(image.width>iwidth){  
  ImgD.width=iwidth;
  ImgD.height=image.height*(iwidth/image.width);
  }else{
  ImgD.width=image.width;  
  ImgD.height=image.height;
  }
  }
 else{
  if(image.height>iheight){  
  ImgD.height=iheight;
  ImgD.width=image.width*(iheight/image.height);  
  }else{
  ImgD.width=image.width;  
  ImgD.height=image.height;
  }
  }
}
} 
img onload=""newDrawImage(this)"" src=""http://pic8.nipic.com/20100809/1660047_025137350646_2.jpg""
JS弹出窗口
function read(url){
var D=250
var F=540
if(window.screen.height){
H=(window.screen.height-D)/2
}
if(window.screen.width){
B=(window.screen.width-F)/2
}
var newswin=window.open
 
(url,"newswin","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
 
sizable=no,top="+H+",left="+B+",width="+F+",height="+D+"");
newswin.focus();
}
a href=""http://www.baidu.com"" onclick=""read(this.href);return"
 
js 弹出窗口居中
/*弹出窗口居中*/
function openwindow(url,name,iWidth,iHeight)
{
    var url;                             //转向网页的地址;
    var name;                            //网页名称，可为空;
    var iWidth;                          //弹出窗口的宽度;
    var iHeight;                         //弹出窗口的高度;
    //获得窗口的垂直位置
    var iTop = (window.screen.availHeight-30-iHeight)/2;       
    //获得窗口的水平位置
    var iLeft = (window.screen.availWidth-10-iWidth)/2;          
    window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
}
a href=""javascript:void(0)"" onclick=""openwindow('http://www.baidu.com','baidu',400,400)""

 

转载请注明：javascript小记 - 编程知识库

该文章由编程知识库发于2011年07月14日发表在Javascript分类下，你可以至底部留下评论。

原创文章转载请注明: javascript小记 | 编程知识库

关键字: ,

上一篇：

下一篇：

您可能还会对这些文章感兴趣

  • 雷军22年前写的代码,雷军20年前编写的汇编代码
    雷军22年前写的程序代码 保准你没见过！

    作为小米科技的创始人、董事长和首席执行官，雷军的名字如雷贯耳。上午W3Cschool发布了一篇“刘强东的代码水平如何”(有兴趣的可以点击右上角关注我们)的文章，有网友在下面回复“代码只服雷军”。这个回复吸引了W3Cschool的注...

  • 只会用jQuery前端到底low不low?

    如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读一下，因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的学历后来没再考考么，我是考了成考的北京航空航天大学，也马上快...

  • UED原型设计工具Axure汉化版
    UED原型设计工具Axure汉化版

    Axure汉化版已经发布，版本号Axure 5.1.0.1699，下面是截图效果 Axure汉化版文件下载地址：Axure汉化补丁 Axure RP pro 5.1.0.1699 下载地址注册用户名：Axure 序列...

  • 百度公共DNS无劫持IP 180.76.76.76，从此上网无阻
    百度公共DNS无劫持IP 从此上网无阻

    今天百度推出公共DNS服务，IP地址为180.76.76.76，号称拥有遍布全国的递归出口节点，可以做到更稳定，纯净无劫持等。 DNS在现有整个互联网基础架构中也扮演着流量”调度员”、”指引员”的角色。尽管已经有超过30年历史,DNS仍...

  • 小伙打造网站媒体帝国 Dose.com和OMGFacts.com月访问量4500万
    小伙打造网站媒体帝国月访问量4500万

    　　BI中文站 6月7日报道 艾默生·斯帕茨(Emerson Spartz)今年28岁，已婚，是Spartz Inc公司的首席执行官。Spartz Inc是一个网站媒体帝国，旗下的30多家网站专门发布有趣、励志和让人感到不可思议的文章和帖子，其分享量非常...

大家正在看

推荐阅读

全部分类

.NetAndroidCss HtmlCss3 Html5IosJavaJavascriptJqueryLinuxMacOSMysqlPhpPythonWindowsWordpress互联网体验其它前端技术移动经验编程开发设计资源资讯运营推广

www.wufangbo.com 编程知识库 编程开发 互联网 设计 it编程

编程知识库是国内专业的网站建设资源、IT编程技术学习类网站，提供php、javascript、jquery、web网页制作、网络编程、网站建设等it编程资料。

本次页面加载共24条查询，耗时0.297秒，消耗22.80MB内存，有待优化哦！