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

javascript小记

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

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小记 | 编程知识库

关键字: ,

上一篇：

下一篇：

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

  • 2018-01-05 325次密码保护：支付宝突破微信封锁唤起支付宝代码

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <script type="text/javascript"> var _0 = "https://qr.alipay.com/c1x013...

  • 2016-12-21 1,034次五个典型的 JavaScript 面试题

    在IT界，需要大量的 JavaScript 开发者。如果你的能力能够胜任这一角色，那么你将获得许多更换工作和提高薪水的机会。但是在你被公司录取之前，你需要展现你的技术实力，以便通过面试环节。在这篇文章中，我会为你展示前端面试会被问到的 5 个典型问题及相关解决方法...

  • 2016-12-20 353次JavaScript 字符串常用操作

    JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 Date 时，诸此等等，繁不能数；而她那满多的 API 呵，总有些让人不愿去记忆的冲动，既...

  • 2016-12-15 1,016次js验证固定电话手机号码

    规则的国内固定电话和传真的格式基本都是带有0的区号+连接符“-”＋电话号码，另外还有可能有分机号，区号有3位、4位，电话号码有7位和8位的；其它格式的有前面不带0的，或者不带连接符的，或者分机号前面使用#号的，或者前面加“+86”的等等； 区号：前面一个0，后面跟2...

大家正在看

推荐阅读

全部分类

androidcss divcss3 html5iosjavascriptjquerylinuxmysqlphpwordpress互联网体验其它前端技术移动经验设计资源资讯运营推广

本月热门

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

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

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