Archive for the ‘javascript’ Category

自制jquery绝对居中插件

0

目的:温习一下jquery插件的简单制作方法,此插件没有编写自定义参数部分,因为功能较小,没这个必要。
文件名:posCenten.js
代码如下:

/**

 * 脚本
 * @copyright   Copyright(c) 2013
 * @author      AllanBian <bxdsanmao@gmail.com/www.allanbian.com>
 * @github https://github.com/AllanBian/public_html.git
 * @version     1.0
 绝对居中插件,提供伴随滚动条滚动的绝对居中
 如果容器宽高小于屏幕显示的最大宽高则认为是可以用来绝对居中的容器
*/
jQuery.fn.posCenten = function(){
if(this.height()<jQuery(window).height() && this.width()<jQuery(window).width()){
this.css({“position”:”absolute”,”top”:”50%”,”left”:”50%”,”margin-left”:-(this.width()/2),”margin-top”:-(this.height()/2)});
}else{
if(this.attr(‘class’)){
alert(“不适合进行绝对居中的容器class:” + this.attr(‘class’));
return false;
}
if(this.attr(‘id’)){
alert(“不适合进行绝对居中的容器id:” + this.attr(‘id’));
return false;
}
}
var n = this;
jQuery(document).scroll(function(){
n.stop().animate({“margin-top”:$(document).scrollTop()-(n.height()/2)});
});

}

//页面调用
假设页面中有个class为myDiv的容器,只需要做如下调用方可使用本插件。
jQuery(“.myDiv”).posCenten();


javascript字符串与数字的转换

0

这里介绍一下比较特别的转换方法。

数字转换成字符串类型:

var a = 11;

var b = a + “”;

alert(typeof a); //number

alert(typeof b); //string

 

字符串转换成数字

var a = “11″;

var b = a + 0;

var c = a – 0;

alert(typeof b); //输出 110    string  因为a为字符串,”+”理解为连接符

alert(typeof c); //输出11    number

 

var d = “12″ * “3″;

var e = ”12″ – “3″;

var f = ”12″ + “3″;

alert(typeof d); //输出36 number 当字符串用于数字环境,会自动转换为数字

alert(typeof e); //输出9 number

alert(typeof f); //输出123 string 所以说“+”很值得注意吧…


Javascript伪协议

0

看javascript权威指南中描述了一个Javascript伪协议的概念,大家可能看到过这样的写法,如下:

<a href=“javascript:callback()”></a>

我单独写了一个简单的html文件键入如下代码

<script>
javascript:alert(5%2);
</script>

真的可以alert出来,碉堡了…


Post navigation