标签 javascript 下的文章

Thumb

利用window.name实现的Javascript跨域数据传输

很早之前写过一篇《利用 jsonp 进行 Javascript 的跨域数据访问》,还是帮到了一部分朋友。今天在网上又看到了这篇《window.name实现的跨域数据传输》,感觉不错,所以转过来。

有三个页面:

  • a.com/app.html:应用页面。
  • a.com/proxy.html:代理文件,一般是一个没有任何内容的html文件,需要和应用页面在同一域下。
  • b.com/data.html:应用页面需要获取数据的页面,可称为数据页面。

实现起来基本步骤如下:

  1. 在应用页面(a.com/app.html)中创建一个iframe,把其src指向数据页面(b.com/data.html)。
    数据页面会把数据附加到这个iframe的window.name上,data.html代码如下:
    <script type="text/javascript">
    window.name = 'I was there!';    // 这里是要传输的数据,大小一般为2M,IE和firefox下可以大至32M左右
                                     // 数据格式可以自定义,如json、字符串
    </script>
    
  2. 在应用页面(a.com/app.html)中监听iframe的onload事件,在此事件中设置这个iframe的src指向本地域的代理文件(代理文件和应用页面在同一域下,所以可以相互通信)。app.html部分代码如下:
    <script type="text/javascript">
    var state = 0, 
    iframe = document.createElement('iframe'),
    loadfn = function() {
        if (state === 1) {
            var data = iframe.contentWindow.name;    // 读取数据
            alert(data);    //弹出'I was there!'
        } else if (state === 0) {
            state = 1;
            iframe.contentWindow.location = "http://a.com/proxy.html";    // 设置的代理文件
        }  
    };
    iframe.src = 'http://b.com/data.html';
    if (iframe.attachEvent) {
        iframe.attachEvent('onload', loadfn);
    } else {
        iframe.onload  = loadfn;
    }
    document.body.appendChild(iframe);
    </script>
    
  3. 获取数据以后销毁这个iframe,释放内存;这也保证了安全(不被其他域frame js访问)。
    <script type="text/javascript">
        iframe.contentWindow.document.write('');
        iframe.contentWindow.close();
        document.body.removeChild(iframe);
    </script>
    
  4. 总结起来即:iframe的src属性由外域转向本地域,跨域数据即由iframe的window.name从外域传递到本地域。这个就巧妙地绕过了浏览器的跨域访问限制,但同时它又是安全操作。

Thumb

JavaScript 下四舍五入法、舍去法、进一法截取小数的方法

JavaScript 版四舍五入法、舍去法、进一法截取小数的方法。若不指定小数位数,则按整数截取。

var Digit = {};
/**
 * 四舍五入法截取一个小数
 * @param float digit 要格式化的数字
 * @param integer length 要保留的小数位数
 * @return float
 */
Digit.round = function(digit, length) {
	length = length ? parseInt(length) : 0;
	if (length <= 0) return Math.round(digit);
	digit = Math.round(digit * Math.pow(10, length)) / Math.pow(10, length);
	return digit;
};
/**
 * 舍去法截取一个小数
 * @param float digit 要格式化的数字
 * @param integer length 要保留的小数位数
 * @return float
 */
Digit.floor = function(digit, length) {
	length = length ? parseInt(length) : 0;
	if (length <= 0) return Math.floor(digit);
	digit = Math.floor(digit * Math.pow(10, length)) / Math.pow(10, length);
	return digit;
};
/**
 * 进一法截取一个小数
 * @param float digit 要格式化的数字
 * @param integer length 要保留的小数位数
 * @return float
 */
Digit.ceil = function(digit, length) {
	length = length ? parseInt(length) : 0;
	if (length <= 0) return Math.ceil(digit);
	digit = Math.ceil(digit * Math.pow(10, length)) / Math.pow(10, length);
	return digit;
};

// 使用方法
var num = 1.2345;
document.write("数字:" + num + "<br />");
document.write("四色五入法:<br />");
document.write(num + " 保留3位小数:" + Digit.round(num, 3) + "<br />");
document.write(num + " 保留2位小数:" + Digit.round(num, 2) + "<br />");
document.write("舍去法:<br />");
document.write(num + " 保留3位小数:" + Digit.floor(num, 3) + "<br />");
document.write(num + " 保留2位小数:" + Digit.floor(num, 2) + "<br />");
document.write("进一法:<br />");
document.write(num + " 保留3位小数:" + Digit.ceil(num, 3) + "<br />");
document.write(num + " 保留2位小数:" + Digit.ceil(num, 2) + "<br />");
Thumb

调用腾讯QQ天气预报的JS代码

一直在用腾讯的天气预报,原本都挺好的。可是腾讯视乎发现了有外链情况。又是对其IP地址库(http://fw.qq.com:80/ipaddress)加了防盗链,又是升级了脚本代码。导致我原来发的脚本无法正常显示天气。所以,最近抽空修改其代码,使其可以具备自动识别地址的功能,也可以手动指定城市,当然,最总要的是可以自定义显示效果。

简化版(不自动识别用户所在地)测试效果:

 

代码如下:

 

代码下载

简化版(不自动识别用户所在地)下载地址:[download id="37" format="inline"]

完整版(自动识别用户所在地)下载地址:[download id="39" format="inline"] (内含PHP,ASP两种脚本)

完整版需要通过服务器端脚本(PHP、ASP、Java等)来实现了。可以谷歌、百度一下“XX读取纯真IP库”(XX是对应的服务器端脚本)。

完整版的服务器端代码中不包含纯真IP库,请自行下载后放到server/data目录中,文件名是:qqwry.dat
纯真IP库最新版:http://www.crsky.com/soft/2611.html

Thumb

获取 javascript 时间戳

获取从 1970年1月1日午夜开始的时间戳(单位:毫秒)。

// 其毫秒部分都为 0,即只是精确到秒的毫秒数 // 将值除以 1000 后,可以和 PHP 互通 var timestamp = Date.parse(new Date());

或者:

// 精确到毫秒数 // 将值除以 1000 后取整也可和 PHP 互通,Math.ceil(timestamp / 1000) var timestamp = (new Date()).valueOf();