javascript小记
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小记 - 编程知识库
您可能还会对这些文章感兴趣
-
作为小米科技的创始人、董事长和首席执行官，雷军的名字如雷贯耳。上午W3Cschool发布了一篇“刘强东的代码水平如何”(有兴趣的可以点击右上角关注我们)的文章，有网友在下面回复“代码只服雷军”。这个回复吸引了W3Cschool的注...
-
如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读一下，因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的学历后来没再考考么，我是考了成考的北京航空航天大学，也马上快...
-
Axure汉化版已经发布，版本号Axure 5.1.0.1699，下面是截图效果 Axure汉化版文件下载地址：Axure汉化补丁 Axure RP pro 5.1.0.1699 下载地址注册用户名：Axure 序列...
-
今天百度推出公共DNS服务，IP地址为180.76.76.76，号称拥有遍布全国的递归出口节点，可以做到更稳定，纯净无劫持等。 DNS在现有整个互联网基础架构中也扮演着流量”调度员”、”指引员”的角色。尽管已经有超过30年历史,DNS仍...
-
BI中文站 6月7日报道 艾默生·斯帕茨(Emerson Spartz)今年28岁，已婚，是Spartz Inc公司的首席执行官。Spartz Inc是一个网站媒体帝国，旗下的30多家网站专门发布有趣、励志和让人感到不可思议的文章和帖子，其分享量非常...
大家正在看
- Windows文件系统结构
- mysql 将字段time按天/月/年分组
- 新安装mysql 第三方工具连接不上问题
- CentOS 安装MySQL 5.1.69
- mysql下怎样运行脚本以运行niuzi.sql为例
- 访问IIS网站需要输入用户名密码(非匿名登录)问题汇总
- mysql出现“Incorrect key file for table”解决办法
- mysql无法启动——cannot allocate the memory for the buffer pool
- 数据库工具sysbench安装教程和性能测试例子
- Mysql 日志删除
- mysql 修改字段类型 删除字段类型
- 修改mysql字符编码出现Job failed to start解决办法
- mysql数据库的备份、导入、导出命令，以及数据的导入、导出
- Why TokuDB hates Transparent HugePages
推荐阅读
全部分类
本月热门
- U盘安装CentOS7遇到：Warning: dracut-initqueue timeout – starting timeout scripts
- iOS 手势滑动解锁功能简析
- Keras学习环境配置-GPU加速版（Ubuntu 16.04 + CUDA8.0 + cuDNN6.0 + Tensorflow)
- 【Ubuntu】Ubuntu16.04安装GTX960M显卡驱动
- Ansible系列(二)：选项和常用模块
- 连接ftp出现 331 Please specify the password 的解决办法
- Ubuntu16.04网络连接正常但是无法使用浏览器上网-浏览器代理设置
- Ubuntu 16.04 安装Python 3.6.1及pip
- Android开发-直播视讯(4)-Ubuntu编译ijkplayer的so文件-基础知识
- linux下连接无线网出现nl80211: Could not configure driver mode nl80211: deinit ifname=wlan1 disabled_11b_rate