存档

文章标签 ‘Javascript’

Javascript跨域和Ajax跨域解决方案

2011年7月2日 admin 没有评论

ajax跨域和JS的跨域通信(Cross The Site)的几种解决方案

最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续”

1.什么引起了ajax跨域不能的问题
ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。

2.有什么完美的解决方案么?
没有。解决方案有不少,但是只能是根据自己的实际情况来选择。

阅读全文…

相关日志

分类: Javascript 标签: , ,

90个实用的JavaScript小技巧(三)

2009年7月6日 admin 没有评论

//自定义的apply,call

Function.prototype.apply = function (obj, argu) {
 if (obj) obj.constructor.prototype._caller = this
 var argus = new Array();
 for (var i=0;i<argu.length;i++)
  argus[i] = “argu[" + i + "]“;
 var r;
 eval(“r = ” + (obj ? (“obj._caller(“ + argus.join(“,”) + “);”) : (“this(“ + argus.join(“,”) + “);”)));
 return r;
};
Function.prototype.call = function (obj) {
 var argu = new Array();
 for (var i=1;i<arguments.length;i++)
  argu[i-1] = arguments[i];
 return this.apply(obj, argu);
};

阅读全文…

相关日志

分类: Javascript 标签: ,

90个实用的JavaScript小技巧(二)

2009年7月6日 admin 没有评论

//各种尺寸

s  +=  “\r\n网页可见区域宽:”+  document.body.clientWidth;  
s  +=  “\r\n网页可见区域高:”+  document.body.clientHeight;  
s  +=  “\r\n网页可见区域高:”+  document.body.offsetWeight  +“  (包括边线的宽)”;  
s  +=  “\r\n网页可见区域高:”+  document.body.offsetHeight  +“  (包括边线的宽)”;  
s  +=  “\r\n网页正文全文宽:”+  document.body.scrollWidth;  
s  +=  “\r\n网页正文全文高:”+  document.body.scrollHeight;  
s  +=  “\r\n网页被卷去的高:”+  document.body.scrollTop;  
s  +=  “\r\n网页被卷去的左:”+  document.body.scrollLeft;  
s  +=  “\r\n网页正文部分上:”+  window.screenTop;  
s  +=  “\r\n网页正文部分左:”+  window.screenLeft;  
s  +=  “\r\n屏幕分辨率的高:”+  window.screen.height;  
s  +=  “\r\n屏幕分辨率的宽:”+  window.screen.width;  
s  +=  “\r\n屏幕可用工作区高度:”+  window.screen.availHeight;  
s  +=  “\r\n屏幕可用工作区宽度:”+  window.screen.availWidth; 


阅读全文…

相关日志

分类: Javascript 标签: ,

90个实用的JavaScript小技巧(一)

2009年7月6日 admin 没有评论

90个很实用的JavaScript开发技巧,如果你对JavaScript开发感兴趣,千万别错过了这篇文章。不管你是学习的新手还是开发的老手,这些技巧同样对你有很帮助。

  • 事件源对象
    event.srcElement.tagName
    event.srcElement.type
  • 捕获释放
    event.srcElement.setCapture(); 
    event.srcElement.releaseCapture(); 
    阅读全文…
  • 相关日志

    分类: Javascript 标签: ,

    JavaScript配合XML实现内容分页

    2009年6月20日 admin 没有评论

    数据以XML文件为载体,存放在某个XML文件中,使用Javascript对XML文件中的数据内容实现分页显示。示例如下: 阅读全文…

    相关日志

    分类: Javascript 标签: , ,

    用Javascript生成XML文档

    2009年6月20日 admin 没有评论

    下面是一段用Javascript生成XML文档的实例,本来想提炼出一个XML的API文档,后来找不到它的参数说明,今天也没心情(心神不宁啊,原因看这里)。下次再整理一篇XML API 文档出来,今天先把这个实例放出来,也是教学性质的实例,实用、明了。 阅读全文…

    相关日志

    分类: Javascript 标签: ,

    破解鼠标右键菜单屏蔽十一招

    2009年6月5日 admin 没有评论

    现在很多的网页设置了禁用鼠标右键,使很多的人没有办法继续操作,现在教你几招,让你轻松破解网页上的“鼠标右键菜单屏蔽”。

      破解鼠标右键菜单屏蔽大法一:在网页上任意处将右键按下,等跳出对话框时不要放开右键,将鼠标移至对话框,用鼠标左键点“确定”,在将鼠标移动到想要的连接处,放开右键。 阅读全文…

    相关日志

    分类: Javascript 标签: , ,

    Javascript使用技巧

    2009年6月5日 admin 没有评论

    1。一个js文件。

    如果其中有对ID的获取操作,最好把代码加载在HTML语言后面。。否则,会产生错误!

    原因很简单,html都没有加载,怎么能获取到呢?

    但是,如果是特效的话,似乎还是放head区域比较好的! 阅读全文…

    相关日志

    分类: Javascript 标签: ,

    js操作css属性

    2009年6月5日 admin 没有评论

    使用js操作css属性的写法:和css中的写法不同:

    1、对于没有中划线的css属性一般直接使用style.属性名即可。

    如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 阅读全文…

    相关日志

    分类: Javascript 标签: , ,

    JavaScript中try…catch和异常处理

    2009年6月5日 admin 没有评论
    在JavaScript可以使用try…catch来进行异常处理。例如:
    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.comJavaScript中try...catch和异常处理 - visiondragon - www.94ko.com try    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.com{
    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.com    foo.bar();
    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.comJavaScript中try...catch和异常处理 - visiondragon - www.94ko.com}
       catch  (e)   JavaScript中try...catch和异常处理 - visiondragon - www.94ko.com{
    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.com    alert(e.name  
    +    :     +  e.message);
    JavaScript中try...catch和异常处理 - visiondragon - www.94ko.com}
     

       阅读全文…

    相关日志

    分类: Javascript 标签: , ,

    attachEvent使用简介

    2009年6月5日 admin 没有评论

    attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)

    addEventListener方法 用于 Mozilla系列

    举例:

    document.getElementById(“btn”).onclick = method1;

    document.getElementById(“btn”).onclick = method2;

    document.getElementById(“btn”).onclick = method3;如果这样写,那么将会只有medhot3被执行

    写成这样: 阅读全文…

    相关日志

    分类: Javascript 标签: , ,
    Easy AdSense by Unreal