存档

‘网页设计’ 分类的存档

【Javascript】利用document.domain解决子域跨域访问问题

2012年1月8日 2 条评论

根据浏览器安全策略,不同域名(比如witmax.cn和www.witmax.cn)、不同协议(比如http://witmax.cn和https://witmax.cn)、不同端口(比如http://witmax.cn和http://witmax.cn:8088)之间的页面不能相互访问,包括XMLHTTPRequest方式和Javascript的页面访问。

有一个例外是:在相同根域、相同协议、相同端口的情况下,可以利用设置document.domain方式来解决不同子域的跨站访问问题。

举个例子,想在witmax.cn中,访问www.witmax.cn域名下的内容,需要以下几步来完成:

阅读全文…

分类: 网页设计 标签: 250次阅读

《HTML5设计原理》笔记

2012年1月5日 没有评论

花了个把小时完整阅读了一遍《HTML5设计原理》,一篇讲HTML5发展历史和设计原理的文章,讲得透彻,做点记录

伯斯塔尔法则(Postel’s Law)设计原理

发送时要保守;接收时要开放.

 发送给浏览器的数据尽量格式严谨;而浏览器接受数据时尽量做到容错,保持开放。

阅读全文…

分类: 网页设计 标签: 257次阅读

【PHP】input的value值出现双引号无法显示的解决办法

2011年12月14日 2 条评论
<?php
$str = "I'm a \"!";
?>
<input type="text" value="<?=$str?>" />

结果浏览器的文本框里只显示了“I’m a ”,双引号不见了,查看源代码可以发现如下

<input type="text" value="I'm a "!" />

阅读全文…

分类: 网页设计 标签: 392次阅读

【Javascript】实现字符串的replaceAll方法

2011年12月1日 没有评论
Js中string对象只有replace方法,只能替换内容一次,那么就来实现一下replaceAll的方法
String.prototype.replaceAll  = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
} 
具体使用就很简单了
var str="abcabcabc";
alert(str.replace("a", "*"));
alert(str.replaceAll("a", "*"));
分类: 网页设计 标签: 358次阅读

【ExtJs】border布局的panel里add内容无效的解决方法

2011年11月27日 没有评论

如果panel的布局采用了border的布局(也就是东西南北中那种),那么默认是不能使用add方法在border panel里添加子panel的。

这里的解决办法是:在border panel里添加一个固定的方位panel,之后往这个方位panel里添加一个子panel,这样就可以使用add方法了。

分类: 网页设计 标签: 337次阅读

【Javascript】IE和Firefox在DOM解析childNodes时的不同

2011年10月25日 2 条评论

写js时碰到的一个问题,发现IE8和Firefox在处理childNodes时结果不同:Firefox和IE9会将回车解析生成TextNode类型的DOM节点,而IE8不会。

可以通过以下代码进行验证

提示:你可以先修改部分代码再运行。

阅读全文…

分类: 网页设计 标签: 919次阅读

【Javascript】IE下substr()函数截取末尾字符时的问题

2011年9月3日 没有评论

这两天刚遇到一个问题,substr()函数在IE和FF下表现不一致,导致了一个IE下的bug。

可以通过以下代码来测试:

提示:你可以先修改部分代码再运行。

希望得到的是c,FF下表现正常;但跑到IE下,显示abc,不是期望的结果。看来IE在处理substr()第一个参数为负数的情况处理方式不一样。

为了解决问题,另觅蹊径,改用substring()函数代替substr() 阅读全文…

分类: 网页设计 标签: 845次阅读

【ExtJs】Ext.form.DateField在chrome、safari下显示异常的解决方法

2011年8月27日 没有评论

Ext.form.DateField在chrome、safari下显示异常,日期选择组件会显得的很长,盛满屏幕。

解决方法是打个补丁,如下:

Ext.override(Ext.menu.DateMenu,{
 render : function(){
  Ext.menu.DateMenu.superclass.render.call(this);
  if(Ext.isGecko|| Ext.isSafari){
   this.picker.el.dom.childNodes[0].style.width = '178px';
   this.picker.el.dom.style.width = '178px';
  }
 }
});

参考:http://www.fafrei.com/2010/12/ext-form-datefield-firefox%E6%98%BE%E7%A4%BA%E5%BC%82%E5%B8%B8/

分类: 网页设计 标签: 914次阅读

【ExtJs】GridPanel表头错位和自适应宽度的解决方法

2011年8月26日 没有评论

1、ExtJS 2.2中,Ext.grid.GridPanel在IE中表头的图标会发生错位,如图所示:

GridPanel表头错位

但是在Firefox中显示是正常的。

解决方法为:在所用到的css文件中添加代码,

.ext-ie6 .x-menu-item-icon,.ext-ie7 .x-menu-item-icon,.ext-ie8 .x-menu-item-icon {
   left: -24px;
}

阅读全文…

分类: 网页设计 标签: 1,022次阅读

【Javascript】360浏览器下加入收藏夹功能无效

2011年8月17日 8 条评论

很奇怪的问题,一开始以为是IE8的问题,后来查了一下网络,原来是360浏览器下加入收藏夹功能会失效。备注:测试版本为360安全浏览器3.5版。

“为了安全所以禁用了加入收藏夹功能”,360覆盖了window.external.AddFavorite方法,导致功能失效。

无解,只能给用户一个提示,引导用户“远离360”。

修改后的兼容多浏览器的加入收藏夹代码如下:

阅读全文…

分类: 网页设计 标签: 6,180次阅读