百鬼夜行

如果项目中所有页面(包括iframe)都加了document.domain。动态创建的iframe仍会有拒绝访问的跨域问题(已经以标签形式写在页面上的iframe不会有此问题)。解决方案是：

动态创建的iframe的src的页面里也加上document.domain. 同时加一个全局变量。在调用这个iframe的父页面里，setTimeout定时获取这个全局变量，直到能获取到时就说明这个动态创建的iframe的document.domain刚刚开始生效。然后在此定时器内之后做事情就不会有跨域问题。(原因是动态创建的iframe需要一定的时间加载渲染，如果在此时间区间执行的脚本调用了该iframe的内容，浏览器会认为该iframe的document.domain仍沿用其父页面的，因其内部页面写的document.domain仍未生效。)

但此方式会对designMode="on"的可编辑iframe的内置功能有影响。

作者 | 2012-5-16 14:32:46 | 阅读(1) |评论(0) | 阅读全文>>

sessionStorage 、localStorage 和 cookie 之间的区别(转)

2012-5-8 14:29:19 阅读2 评论0 82012/05 May8

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。
sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessionStorage是在同源的同窗口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。

作者 | 2012-5-8 14:29:19 | 阅读(2) |评论(0) | 阅读全文>>

dateformat封装

2012-4-19 11:42:51 阅读0 评论0 192012/04 Apr19

//日期格式化
        //调用$.dateformat(new Date("2012-03-10T11:38:50+08:00"), "yyyy-MM-dd")
dateformat: function (d, format) {
            var o = {
                "M+": d.getMonth() + 1,
                "d+": d.getDate(),
                "h+": d.getHours(),

作者 | 2012-4-19 11:42:51 | 阅读(0) |评论(0) | 阅读全文>>

HTML5本地存储通解及其安全性(转)

2012-4-10 16:52:28 阅读7 评论0 102012/04 Apr10

http://security.chinaitlab.com/wlaq/879107.html

在HTML5本地存储出现以前，WEB数据

作者 | 2012-4-10 16:52:28 | 阅读(7) |评论(0) | 阅读全文>>

ajax 闭包封装

2012-4-10 16:23:28 阅读7 评论0 102012/04 Apr10

var ajax = (function () {
    var _z = false; //xmlHTTP
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        _z = new XMLHttpRequest()
    } else if (window.ActiveXObject) { // IE
        try {
            _z = new ActiveXObject("Msxml2.XMLHTTP")

作者 | 2012-4-10 16:23:28 | 阅读(7) |评论(0) | 阅读全文>>

HTML 5缓存机制：Cache Manifest配置实例

2012-3-30 13:21:54 阅读15 评论0 302012/03 Mar30

http://www.lamppr.com/node/901

Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。

作者 | 2012-3-30 13:21:54 | 阅读(15) |评论(0) | 阅读全文>>

jquery设置button的disable状态

2012-1-19 10:17:41 阅读23 评论0 192012/01 Jan19

$(WB.TalkBox.submitBtn).attr('disabled', 'disabled');
$(WB.TalkBox.submitBtn).removeAttr('disabled');

作者 | 2012-1-19 10:17:41 | 阅读(23) |评论(0) | 阅读全文>>

jquery实现点击后跳转至页面顶部

2012-1-19 10:16:13 阅读21 评论0 192012/01 Jan19

//点击后跳转至页面顶部
                   (window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body').animate({
                       'scrollTop': 0
                   }, 500);

作者 | 2012-1-19 10:16:13 | 阅读(21) |评论(0) | 阅读全文>>

认识HTML5的WebSocket

2012-1-9 16:24:44 阅读17 评论0 92012/01 Jan9

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。

一、什么是WebSocket API?

WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，使用ws或wss协议，可用于任意的客户端和服务器程序。 WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。

作者 | 2012-1-9 16:24:44 | 阅读(17) |评论(0) | 阅读全文>>

两种trim方法的效率对比

2011-11-30 9:52:51 阅读18 评论0 302011/11 Nov30

对于短字符串效率高：

function trim(text){

return text.replace(/^\s+/, "").replace(/\s+$/, "");

}

对于长字符串效率高：

function trim(text){

text = text.replace(/^\s+/, "");

for (var i = text.length - 1; i >= 0; i--) {

if (/\S/.test(text.charAt(i))) {

作者 | 2011-11-30 9:52:51 | 阅读(18) |评论(0) | 阅读全文>>

从内存角度优化脚本

2011-11-29 9:49:43 阅读15 评论0 292011/11 Nov29

? Use the delete keyword to remove JavaScript objects that are no longer needed
from memory.
? Remove nodes that are no longer necessary from the web page DOM.

var page = { address: "http://some/url" };
page.contents = getContents(page.address);
...
// later, the contents are no longer necessary
delete page.contents;
...
var nodeToDelete = document.getElementById("redundant");

作者 | 2011-11-29 9:49:43 | 阅读(15) |评论(0) | 阅读全文>>

使用excanvas.js对IE7处理时的执行顺序解释

2011-11-21 15:37:31 阅读52 评论0 212011/11 Nov21

在用HTML5的相关接口时，对于IE7来讲，可以引入excanvas.js来获得使元素支持HTML5的接口方法等。
可以在页面的任意位置引入excanvas.js，然后必须在document.ready里面(我用的是jquery)使用HTML5的接口方法等。

因为excanvas.js中会立即执行init()，但init中是监听了例如canvas的onreadystatechange方法，所以你所要做的只是将你的canvas.getContext('2d')这样的方法保证是在document.ready时执行(也就是在canvas的onreadystatechange之后)。

但这样并不能解决动态节点document.createElement('canvas')的问题，如下即可：
G_vmlCanvasManager.initElement

作者 | 2011-11-21 15:37:31 | 阅读(52) |评论(0) | 阅读全文>>

IE下Image不触发onload事件的解决办法

2011-11-21 15:24:20 阅读31 评论0 212011/11 Nov21

var img = new Image();

   img.onload = function (){console.log(a.getContext);
       context.drawImage(img, 0, 0, 80, 110);
   };

   img.src="http://devilswrwr.blog.163.com/blog/images/100.jpg";

将onload的定义与src的赋值调换执行顺序。

以后的写法都应该是先 onload 后src赋值。

作者 | 2011-11-21 15:24:20 | 阅读(31) |评论(0) | 阅读全文>>

jQuery ajax - ajax() 参数详解

2011-11-18 11:10:54 阅读54 评论0 182011/11 Nov18

实例

通过 AJAX 加载一段文本：

jQuery 代码：

$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); }); });

HTML 代码：

<div id="myDiv"><h2>Let AJAX change this text</h2></div> <button id="b01" type="button">Change Content</button>

作者 | 2011-11-18 11:10:54 | 阅读(54) |评论(0) | 阅读全文>>

关于jQuery的jsonp或script乱码的解决(scriptCharset)

2011-11-14 13:39:44 阅读104 评论0 142011/11 Nov14

jQuery的ajax的dataType: "script" 和 $.getScript并没有对加载的js中的中文进行编码处理。也就是说jQuery的该模块中请求和回调没有进行encode编码处理。
如果js中的编码与页面的编码不一致时，js可能加载失败或者显示乱码或者IE下报某符号错误。
解决：
1、处理js文件编码与页面编码一致。
2、将js中的中文用其encode编码代替。

对于jQuery中jsonp或者script请求，则可以加一个参数scriptCharset
设置生成的<script>的charset，使其中字符以scriptCharset显示而不是默认以页面编码显示。

作者 | 2011-11-14 13:39:44 | 阅读(104) |评论(0) | 阅读全文>>

查看所有日志>>

留言

我要留言

留言列表加载中...

下载音乐盒曲目表歌词秀

关于我

百鬼夜行

北京市宣武区水瓶座

发消息写留言

告诉对方你想要的,和明白对方想要的是什么,达成共识以后就能互相理解了

近期心愿	告诉对方你想要的,和明白对方想要的是什么,达成共识以后就能互相理解了
交友目的	其它
博客等级	加载中...
今日访问	加载中...
总访问量	加载中...

最后登录	加载中...

设置

他的网易微博

心情随笔

心情随笔列表加载中...

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

导航

相片

天气

日志

创建的iframe的document.domain问题解释