吕神的自我修养

DD_belatedPNG完美解决ie6下png图片半透明问题，支持背景平铺，定位等属性

解决png在ie6下半透明的方法有很多，这里之所以推荐 DD_belatedPNG 是因为 DD_belatedPNG 可以完美的支持 

背景平铺 ：background-repeat:（no-repeat ，repeat-x，repeat-y ，repeat）

背景定位：background-position:60px 80px;

背景固定：background-attachment:fixed;

等属性。

还支持：鼠标经过效果 a:hover{}

官方网站：http://www.dillerdesign.com/experiment/DD_roundies/

官方引用地址：

0.0.8a.js (官方未压缩版本, ~12Kb) ： http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js

0.0.8a-min.js (官方压缩版, ~7Kb) ： http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js

———————————-

使用方法 ：

<!--[if IE 6]> 
<script type="text/javascript" src="DD_belatedPNG.js" ></script> 
<script type="text/javascript"> DD_belatedPNG.fix('.trans,.box , a:hover, .png_bg'); </script> 
<![endif]--> 

引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用 PNG-24 的 CSS 选择器（可使用ID选择器和类选择器）和应用类型（分为 img 标签和 background 属性两种）。

如

<script type="text/javascript">
    DD_belatedPNG.fix('#box, img');
</script>

或者

<script type="text/javascript">
    DD_belatedPNG.fix('.header, background');
</script>

等，这些可以简写成

<script type="text/javascript">
    DD_belatedPNG.fix('#box-one, .header, img, background');
</script>

在或者像本例子中直接使用 * 号，表示应用所有 css 选择器及 xhtml 标签。

<script type="text/javascript">
    DD_belatedPNG.fix('*');
</script>

DD_belatedPNG.rar:百度网盘http://pan.baidu.com/s/1dDwKBXv

js获取当前域名，当前网站url

<script language="javascript">
//获取域名
host = window.location.host;
host2=document.domain; 

//获取页面完整地址
url = window.location.href;

document.write("<br>host="+host)
document.write("<br>host2="+host2)
document.write("<br>url="+url)
</script>

微信分享js

微信分享js

<script type="text/javascript">
	window.shareData = {
		"imgUrl": "http://www.baidu.com/img/baidu_jgylogo3.gif",
		"timeLineLink": "http://www.lrxin.com",
		"tTitle": "这里是标题",
		"tContent": "这里是描述文字"
	};
	
	
	
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
			WeixinJSBridge.call('showOptionMenu');
		WeixinJSBridge.on('menu:share:appmessage', function(argv) {
			WeixinJSBridge.invoke('sendAppMessage', {
				"img_url": window.shareData.imgUrl,
				"link": window.shareData.timeLineLink,
				"desc": window.shareData.tContent,
				"title": window.shareData.tTitle
			}, function(res) {
			})
		});
		WeixinJSBridge.on('menu:share:timeline', function(argv) {
			WeixinJSBridge.invoke('shareTimeline', {
				"img_url": window.shareData.imgUrl,
				"img_width": "640",
				"img_height": "640",
				"link": window.shareData.timeLineLink,
				"desc": window.shareData.tContent,
				"title": window.shareData.tTitle
			}, function(res) {
			});
		});
	}, false);
	</script>
	

javascript 的 “!function” 是什么意思？

叹号后面跟函数!function
和加号后面跟函数+function
都是跟(function(){})();这个函数是一个意思，都是告诉浏览器自动运行这个匿名函数的，因为!+()这些符号的运算符是最高的，所以会先运行它们后面的函数

;!function(window, undefined){    
//code...
}(window);

(function(){
//code...
})();


(function (window, undefined){})(window);

这是javascript的匿名函数，其实就是定义了一个匿名方法，然后再调用它。
什么时候可以用这种方式呢？就是当方法须被调用且只会被调用一次的时候。
闭包的好处之一：对js进行压缩的时候，
(function(window, undefined))里的window和undefined
均可以替换成其他简写字符，从而减少文件大小，因为他们被视为局部变量使用。

window： 表示 BOM 浏览器对象模型中的 window 对象，
对于undefined，因为他不是javascript关键字。
如果jQuery的写法是这样的

(function( window ) {
    ... // code goes here
})(window);

必然造成中间代码里的 undefined 遭到污染。
因为在默认情况下，对于一个未定义的变量，它的值应该是 undefined，
假如用户使用
var undefined = ‘myValue’;
// 或者
window.undefined = ‘myValue’;
进行赋值，那么，jQuery 中的 undefined 的值就变成了用户指定的值（这里是字符串 ‘myValue’）。这样会造成 jQuery 内部异常。
而 jQuery 采用的这种写法，就很好的避免了这个问题。
最后那个(window)，表示调用此函数时候只传入的window对象。
jQuery在执行匿名函数的时候，只传递一个参数 window，而不传递 undefined，
那么函数体中的 undefined 局部变量的值，刚好就是 undefined，此举甚为巧妙！
举个例子，如下：

(function( a, b) {
    if(b) alert(a + b);
    else alert(a);
})(1);

结果是：1

JS获取当前时间戳的方法-JavaScript 获取当前时间戳

JavaScript 获取当前时间戳：
第一种方法：

var timestamp =Date.parse(new Date());

结果：1280977330000
第二种方法：

var timestamp =(newDate()).valueOf();

结果：1280977330748

第三种方法：

var timestamp=newDate().getTime()；

结果：1280977330748

第一种：获取的时间戳是把毫秒改成000显示，

第二种和第三种是获取了当前毫秒的时间戳。

JS的trim()方法,js去首尾空格

js去空格,js中本身没有trim函数。无法像其他程序语言使用trim、ltrim 或 rtrim取出空格。因为在js中却没有这3个内置方法，所以需要手工编写。

下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对象的内置方法中去。

　　写成类的方法格式如下：（str.trim();）

　　<script language="javascript">
　　 String.prototype.trim=function(){
　　    return this.replace(/(^\s*)|(\s*$)/g, "");
　　 }
　　 String.prototype.ltrim=function(){
　　    return this.replace(/(^\s*)/g,"");
　　 }
　　 String.prototype.rtrim=function(){
　　    return this.replace(/(\s*$)/g,"");
　　 }
　　</script>

　　写成函数可以这样：(trim(str))

　　<script type="text/javascript">
　　 function trim(str){ //删除左右两端的空格
　　     return str.replace(/(^\s*)|(\s*$)/g, "");
　　 }
　　 function ltrim(str){ //删除左边的空格
　　     return str.replace(/(^\s*)/g,"");
　　 }
　　 function rtrim(str){ //删除右边的空格
　　     return str.replace(/(\s*$)/g,"");
　　 }
　　</script>

第三方js的api接口获取用户ip地址以及所在城市信息

第三方js的api接口获取用户ip地址以及所在城市信息
利用第三方的api js 接口就可以获取用户的ip地址以及所在城市

新浪的IP查询接口：
新浪的：http://counter.sina.com.cn/ip?ip=IP地址
返回Js数据，感觉不是很精确，可以把问号后面的去掉，直接返回本机对应的IP所在地
http://counter.sina.com.cn/

太平洋电脑网IP查询接口：
http://whois.pconline.com.cn/?ip=0.0.0.0
把0.0.0.0换成IP地址，页面上还有其他无关内容，这些内容是告诉我们哪些接口可以调用、接口调用参数和使用方法等

通过上边的js接口调用就可以判断用于属于哪个城市，直接显示该城市的相关信息了，对于需要城市切换的网站，首次判断用户来源非常有帮助。

ps：个人感觉太平洋的这个准确。

Js动态添加与删除Option对象

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS动态添加删除option</title>
<script>
//动态删除select中的所有options：
function delAllOptions(){
      document.getElementById("user_dm").options.length=0; 
}

//动态删除select中的某一项option： 
function delOneOption(indx){
      document.getElementById("user_dm").options.remove(indx); 
}

// 动态添加select中的项option: 
function addOneOption(){
      //document.getElementById("user_dm").options.add(new Option(2,"mytest")); 
   
   var selectObj=document.getElementById("user_dm");
   alert(selectObj.length);
   selectObj.options[selectObj.length] = new Option("mytest", "2");
}
</script> 
</head>
<body> 
<select id="user_dm" name="user_dm">
<option value="0" selecte>==请选择人员==</option>
<option value="1">test</option>
</select><br>
<input type="button" onClick="addOneOption()" value="添加">
<input type="button" onClick="delOneOption(1)" value="删除第一个">
<input type="button" onClick="delAllOptions()" value="清空">
</body>
</html> 

———————–

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Js动态添加与删除Option对象</TITLE>
<script language="JavaScript">
// 添加选项
function addOption(pos){
var objSelect=document.getElementById("mySelect");
    // 取得字段值
   //var strName = document.myForm.myOptionName.value;
    // var strValue = document.myForm.myOptionValue.value;
    // 建立Option对象
    var objOption = new Option("aaaaaaaa","bbbbbbbbb");
    if (pos == -1 & pos > objSelect.options.length) 
       objSelect.options[objSelect.options.length] = objOption;
    else
       objSelect.add(objOption, pos);
}


// 删除
function deleteOption(type){
var objSelect=document.getElementById("mySelect");
    if (type == true)
       objSelect.options[objSelect.selectedIndex] = null;
    else
       objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(){
var objSelect=document.getElementById("mySelect");
    var name = objSelect.options[objSelect.selectedIndex].text;
    var value = objSelect.options[objSelect.selectedIndex].value;
    alert(name + " = " + value);
}

//动态删除select中的所有options：
function clearAllOptions(){
   var objSelect=document.getElementById("mySelect");
   objSelect.options.length=0; 
}
</script>
</HEAD>
<BODY>
<h2>Js动态添加与删除Option对象</h2>
<hr>

<select id="mySelect" name="mySelect">
<option value="中国" Selected>中国</option>
<option value="日本">日本</option>
<option value="美国">美国</option>
</select>
<input type="button" onclick="showOption(this.form)" value="显示">
<input type="button" onclick="deleteOption(true)" value="删除">
<input type="button" onclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="英国"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" onclick="addOption(-1)" value="添加">
<input type="button" onclick="addOption(0)" value="插入到最前面">
<input type="button" onclick="clearAllOptions()" value="清空">
</BODY>
</HTML>

JS产生随机数的几个用法！

JS产生随机数常用到一下几个函数：

1. Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)
2. Math.floor(num); 参数num为一个数值，函数结果为num的整数部分。
3. Math.round(num); 参数num为一个数值，函数结果为num四舍五入后的整数。

Math：数学对象，提供对数据的数学计算。
Math.random(); 返回0和1间(包括0,不包括1)的一个随机数。

Math.ceil(n); 返回大于等于n的最小整数。
用Math.ceil(Math.random()*10);时，主要获取1到10的随机整数，取0的几率极小。

Math.round(n); 返回n四舍五入后整数的值。
用Math.round(Math.random());可均衡获取0到1的随机整数。
用Math.round(Math.random()*10);时，可基本均衡获取0到10的随机整数，其中获取最小值0和最大值10的几率少一半。

Math.floor(n); 返回小于等于n的最大整数。

用Math.floor(Math.random()*10);时，可均衡获取0到9的随机整数。

生成 一个 1~10（min~max）之间的数

<script>   
function GetRandomNum(Min, Max) {
    var Range = Max - Min;
    var Rand = Math.random();
    return (Min + Math.round(Rand * Range));
}
var num = GetRandomNum(1, 10);
alert(num); 
</script>

生成五位随机数

<script>   
var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];

function generateMixed(n) {
     var res = "";
     for(var i = 0; i < n ; i ++) {
         var id = Math.ceil(Math.random()*35);
         res += chars[id];
     }
     return res;
} 
/* 生成五位随机数*/ 
alert(generateMixed(5)); 
</script>