灰狼博客 http://www.itlobo.com 关注互联网、IT信息、web开发技术、电子商务 Tue, 09 Mar 2010 06:06:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 IE中打开UTF-8编码的中文网页显示空白页的问题 http://www.itlobo.com/articles/1326.html http://www.itlobo.com/articles/1326.html#comments Tue, 09 Mar 2010 06:06:19 +0000 itlobo http://www.itlobo.com/articles/1326.html 早上遇到一个很致命的问题,UTF-8的编码,输出居然是空白页,在title处,也直接显示空白页三个字.无语…后面想了一下,应该是编码问题了,FF,opera等都没问题.谷歌搜索了一下,找到了答案了,还是万能的谷歌好.

文摘一：

在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。即使网页已经声明过编码格式：<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />，由此造成某些含有中文UTF-8编码的页面产生空白输出。

如果使用的是Mozilla、Mozilla Firefox、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先，而后才是HTTP header内的讯息；而mozilla系列的浏览器则刚刚相反。

由于UTF-8为3个字节表示一个汉子，而普通的GB2312或BIG5是两个。页面输出时，由于上述原因，使浏览器解析、输出<title></title>的内容时，如果在</title>前有奇数个全角字符时，IE把UTF-8当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完<title>部分，使整个页面为空百输出。而这个时候如果察看源文件的话，会发现实际上整个叶面全部已经输出了。

因此最简单的解决办法是再网页文件的<head></head>标签中一定要把字符定义<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />放在<title></title>之前。

文摘二：

当页面使用 utf-8 编码时，<title>标签被放在<meta>标签前面。当title为中文的时(比如Blog名为中文或者文章标题为中文)，在IE下会出现显示空白页的问题。

由于 utf-8 使用3个字节表示一个汉字，而GB2312或BIG5使用两个字节。页面输出时，由于上述原因，使浏览器解析、输出<title> </title>的内容时，如果在</title>前有奇数个全角字符时，IE把 UTF-8 当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完< title>部分，致使整个页面为空百输出。此时查看源文件，会发现实际上整个页面全部已经下载了。

而浏览器解析html的方式是：浏览器读取了页面的html代码后开始进行解析。解析前浏览器要先知道页面的编码方式，然后根据编码方式进行解码，然后才能开始解析。
浏览器可以从下面3个方面得到页面编码方式：
HTTP Header中的”Content-Type”项；
返回的html代码开头是否有BOM（Byte order Mark）；
html代码中的meta标签。

浏览器(无论是IE还是Firefox)在解析页面时，首先取HTTP Header中的Content-Type项，如果有写明charset的话就认定页面的编码方式为charset指定的值。如果没有指明，则认定为默认 值。根据上表，IE中文版的默认值是GB2312，Firefox中文版的默认值是GBK，不过IE的GB2312好像和GBK没啥区别。然后，浏览器会 看一下有没有BOM。一旦发现有UTF-8的3字节BOM，则重新认定页面的编码方式为UTF-8。

解码阶段，解码完成后是解析html的阶段。解析html的过程中，当解析到head部分的meta标签时，浏览器会根据<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />这个语句中的说明，重新认定编码方式为charset后面的方式，中断html解析过程，返回到解码步骤重新解码。

GBK 和 UTF-8 的编码范围：
GBK的编码范围是0×8140-0xfefe。从GB2312-80开始，因为ASCII码的范围是0~127，首字位是0，所以 GB2312-80使用双字节，并设置首字位为1。“GBK 亦采用双字节表示，总体编码范围为 8140-FEFE，首字节在 81-FE 之间，尾字节在 40-FE 之间。”

UTF-8中中文都是3个字节的，由于Unicode中中日韩的文字都混在一起，可以使用Windows自带的字符映射表查看CJK表意字符 的范围，即为汉字的范围。3字节的UTF-8编码是：1110xxxx 10xxxxxx 10xxxxxx，编码范围是8000-EFFF，首字节在80-EF之间，尾字节在00-FF之间。

显然当一段UTF-8编码的文本被按照GBK方式解码的时候，由于有一些编码在GBK中不存在，造成解码程序出现错误。当UTF-8文本被按照GBK的方 式解码的时候，前两个字节会被认为是一个字，后一个字节将和下一个字符结合。当<title>标签里的汉字数是偶数个时，勉强有3/4的概率 通过解码程序(因为GBK的第二个字节要求是40-FE)，当有奇数个汉字的时候，最后一个汉字的三个字节的最后一个字节会和< /title>的第一个字符<结合，而<的编码是3C，正好不在尾字节40-FE的范围中，造成错误。如果< /title>标签前有多余的空格也会产生错误，因为空格的编码20也不在范围中。

meta 标签的作用：详细请看 《HTML中meta的作用》
“meta是用来在HTML文档中模拟HTTP协议的响应头报文。”在meta标签中写和在HTTP头里写是一样的，这也是为了解决用普通 HTML写网页的人无法自行定义HTTP头的问题。但是，meta是一个html标签，所以必须进入到html解析的步骤才能生效，而生效后，浏览器会退 回几步，重新设置好HTTP头从头再开始解码、解析html。所以meta中写的内容会覆盖HTTP头里的内容，无论哪个浏览器都是这样的。

出现空白页必须的3项条件：
1.title标签里的内容为中文其他双字节字符；
2.指定网页编码的 meta 信息在 title 标签的下方；
3.另存或转换utf-8编码时没有包括 unicode 签名。

BOM （Byte order Mark，字节序标识）的作用：
用于UTF-16编码的文件，在UTF-8编码的文件中不需要标识字节序，所以被用来标识这是一个UTF-8编码文件。

这个问题还是IE的兼容性问题，在解码的时候如果遇到错误的编码就中断解码。
这个是IE的bug，不过也不要认为你用的是MyIE、MyIE2、遨游Maxthon、GreenBrowser、腾讯TT就不会受到影响。Firefox或者Opera就更不会了。

解决办法：
utf8页面应该使用标准顺序

程序代码：
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”content-language” content=”zh-CN” />
<meta name=”robots” content=”index,follow” />
<meta name=”keywords” content=”” />
<meta name=”description” content=”” />
<meta name=”rating” content=”general” />
<meta name=”author” content=”” />
<meta name=”copyright” content=”” />
<meta name=”generator” content=”” />
<title></title>

看看这些文章

]]> http://www.itlobo.com/articles/1326.html/feed 2 showModalDialog方法与open的区别 http://www.itlobo.com/articles/1325.html http://www.itlobo.com/articles/1325.html#comments Thu, 04 Mar 2010 09:31:07 +0000 itlobo http://www.itlobo.com/articles/1325.html 今天被一个很烦人的客户烦死了,一个点击链接弹出窗口,都修改了我N久,很无语.后来还是搞定了,有关代码共享,也是记录一下

在JS中打开新窗口一直在用open()，showModalDialog()几乎已被遗忘，showModalDialog和open一样也是3个参数，showModalDialog(文件地址,window,窗口属性)，open(文件地址,window,窗口属性)。

open打开的新窗口标题栏上可以看到 最小化 最大化按钮，而showModalDialog默认是没有的，只有一个小叉叉

open打开的新窗口可以鼠标可以点击父窗口的，showModalDialog只有把新打开的窗口关了鼠标的焦点才可触到父窗口(从某种程度上来说它就是个对话框)！

showModalDialog窗口属性的参数和open的窗口属性是有所区别的

open的窗口高度写法在此就不写了因为它和HTML代码的属性写法一样，下面看看showModalDialog的写法

open(‘http://hi.baidu.com/yp2010′,’window’,’width=100,height=100,..‘)
var v=showModalDialog(‘http://hi.baidu.com/yp2010′,window,”dialogWidth:800px;dialogHeight:600px;center:yes;edge:raised ;scroll:yes;status:no;“)

从上述代码可以看出showModalDialog有返回值。
dialogWidth:宽，dialogHeight:高，center:窗口位置，edge:边框样式，滚动条，状态栏minimize:yes;maximize:yes;最小化 最大化按钮。。

window.dialogArguments 可调用父窗口的方法
window.returnValue 传回父窗口的参数

要打开一个类似对话框的窗口就可用showModalDialog方法。
注：没有特别的要求下建议用open，用showModalDialog的话可能会遇到一些问题。[但是,如果是点击链接弹出的话,我用open失败了,后来用showModalDialog才成功的,这里原因不明]

文章转自:愚人空间

看看这些文章

]]> http://www.itlobo.com/articles/1325.html/feed 7 杯具终于降临到我的头上了 http://www.itlobo.com/articles/1324.html http://www.itlobo.com/articles/1324.html#comments Sun, 28 Feb 2010 07:37:20 +0000 itlobo http://www.itlobo.com/articles/1324.html 话说CNNIC整顿域名很久了,一直与我无关.不料,杯具真的降临到我这里了.下面就是杯具的原因.

尊敬的名富网用户：
    名富网于近期收到中国互联网络信息中心（CNNIC）转来的通知，以下域名注册信息存在不准确、不真实或不完整的情况。
    **web.cn
    ***365.cn
    以上域名可能存在注册人信息填写不真实、电话号码等联系信息错误、通讯地址不真实准确等问题而被CNNIC排查出来的。名富网特别提醒您务必尽快登录名富网 “域名管理”中查询并点击选择您的域名，进行域名信息修正。
    如没有及时修正信息的，名富网会采取包括暂停解析、删除域名等进一步措施来确保执行CNNIC的规定要求。
    感谢您对名富网的支持与理解！
                               名富网
                         2010年2月24日

是福不是祸,是祸躲不过.杯具终于来了.删除吧,你就尽情的给我删除吧.反正我都是1块钱买的玉米.不心疼这1块钱.

PS:不会再续费CN域名,不会再注册CN域名!让CN域名见鬼去吧.shit CNNIC![左边'空格',请鼠标选中它]

看看这些文章

]]> http://www.itlobo.com/articles/1324.html/feed 20 一群SB,骗到我头上来 http://www.itlobo.com/articles/1323.html http://www.itlobo.com/articles/1323.html#comments Fri, 26 Feb 2010 05:28:35 +0000 itlobo http://www.itlobo.com/articles/1323.html 收到了很多SB的短信息，真的把老子当傻瓜了，现在曝光一下，希望不要上了SB骗子的当。

信息一：您的手机号已被非常《6+1》李咏砸金蛋砸中参与资格。请登录ccfc61.com查收！验证号7117（发送该信息的手机号码是13189387172）

信息二：1温馨提示：根据您上月充值记录，现获得50元预存话费返还机会，发1到1062505010即可领取，24小时内！02087291089（发送该信息的手机号码是15013329664）

信息三：1温馨提示：系统记录您获赠的50元话费返还机会已经成功发送到您的手机里，请发送1到1062208622确认查收！02087258077（发送该信息的手机号码是15112048239）

看看这些文章

]]> http://www.itlobo.com/articles/1323.html/feed 14 备案新政策-备案需提供负责人照片 http://www.itlobo.com/articles/1322.html http://www.itlobo.com/articles/1322.html#comments Wed, 24 Feb 2010 05:33:21 +0000 itlobo http://www.itlobo.com/articles/1322.html 伟大的攻心部,出台了新政策.允许个人开办网站,个人可作为网站主办者.同时规定”接入服务单位在本单位备案现场采集并留存网站负责人彩色正面免冠照(电子照片规格:800×600像素).备案中心统一制作、提供带有标识的幕布作为拍照背景,照片应显示拍照时间和背景标识.”

太强悍了,在某QQ群上看到,说3月份开始实施,真的是某个时代的到来了.我使用过你空间的域名,已经备案了.现在博客的域名,也备案了.尽管是使用国外空间,安全第一.我惹不起,我还躲得起的.

贴一个所谓的照片样板图,不知道真假,很多人都说是恶搞的.仅供娱乐使用.

看看这些文章

]]> http://www.itlobo.com/articles/1322.html/feed 15 Promote your products via Internet http://www.itlobo.com/articles/1321.html http://www.itlobo.com/articles/1321.html#comments Sat, 20 Feb 2010 15:27:19 +0000 itlobo http://www.itlobo.com/articles/1321.html   E-mail marketing, as the oldest but useful promote tool, has been used widely. You can promote your products on the Internet at an affordable price by use email marketing. However,the most important thing is how to choose the right way to use it. If you use email marketing in correct way, you may get success. Otherwise, you may get in trouble.So if you don’t know how to use it. just use the email marketing service that Icontact.com offer to you.
  Icontact.com ,as the leader of the email marketing area, can promote your products well. But you just need pay a little money for that. Some report conclude that over 500 company having use their service. The excellent service that Icontact.com offered to their custmer, make them get success.
  Icontact allow you send and track your email easily, you can use it without study it for a long time. It offer email newsletter tool to you, you can send newsletter to your potential customer.What’s more, they also offer survey tool to you, you can get more detail information by use it.
  If you are looking for the service that can promote your products. Email marketing, offered by icontact.com, is your best choose. Now, Icontact.com offer 15 days trial to you, you can use their service for free? Is it wonderful? Just pay a visit to icontact.com and register now!

看看这些文章

]]> http://www.itlobo.com/articles/1321.html/feed 0 灰狼归来 http://www.itlobo.com/articles/1320.html http://www.itlobo.com/articles/1320.html#comments Sat, 20 Feb 2010 12:57:24 +0000 itlobo http://www.itlobo.com/articles/1320.html 假期结束,明天就要上班了.所以今天赶回广州了.这次是跟着表哥的车回的,省了车费,嘿嘿.幸运的是,高速公路不塞车,别以为高速公路就一定不会塞车,当你遇到春节期间,或者重大节日的时候,就会明白,原来高速公路塞车才是最恐怖的.

中午12点出发,4点就到了增城.逗留了下就到市区了,晚上自己一个人去外面吃饭,然后回来收拾房子,接着就打开电脑,上网.

今晚没时间去朋友的博客逛,之后等明天或者后天了.今晚就回复朋友的留言.谢谢大家的支持,祝大家在新的一年,学习进步,工作顺利.

看看这些文章

]]> http://www.itlobo.com/articles/1320.html/feed 13 Wordpress对评论者不显示Google Adsense广告的设置 http://www.itlobo.com/articles/1319.html http://www.itlobo.com/articles/1319.html#comments Thu, 11 Feb 2010 07:37:17 +0000 itlobo http://www.itlobo.com/articles/1319.html 在博客的文章页面和边栏,我都加了一个广告.尽管没人会去点,按照广告联盟商的说法,是为了美化版面.说得比唱的还好听.广告无非是为了赚钱,但是坦白说,一个个人博客,靠这点点击广告,一年下来,应该域名费是可以赚到的,其他就应该没了.

扯远了,拉回来.说正事.对于文章内容中的广告,我一直觉得,自己看的就算了,经常来我这里的朋友,也要看广告,我相信,没几个人愿意看的,更加别说去点了.那么可以对这些用户群(访客)设置了不显示广告吗?答案是可以的,只是我不懂怎么做而已,前几天就在折腾,可是一直没有效果,虽然有一个插件很强悍,可是功能太多了,浪费了.

刚才谷歌搜索,发现了ZWO的博客有这样的东西,测试,结果还真的是我想要了,好了,直接Copy过来.

“对登录用户不显示Google Adsense广告”简单代码，在你要放广告的地方贴入：

1
2
3

<?php if (!$user_ID) { ?>
这里填广告代码，或者其它调用代码，又或者其他你自己不想看的内容等等
<?php } ?>

这个是最简单的方法了.就是你只要登录了,就可以不看到广告了.评论者也一样的.但是如果你是几天前评论的,你的本地Cookies又没清空了,那么对不起,广告要再次的强女干你…

延伸：只对登录用户显示广告/内容、只对评论者显示广告/内容

一、对登录用户不显示广告，对评论者和访客显示广告

1
2
3

<?php if (!$user_ID) { ?>
这里填广告代码，或者其它调用代码、内容等等
<?php } ?>

二、对登录用户和评论者不显示广告，只对访客显示广告

1
2
3

<?php if (!$user_ID && !isset($_COOKIE['comment_author_'.COOKIEHASH])) { ?>
这里填广告代码，或者其它调用代码、内容等等
<?php } ?>

继续延伸……

一、只对登录用户显示广告/内容

1
2
3

<?php if ($user_ID) { ?>
这里填广告代码，或者其它调用代码、内容等等
<?php } ?>

二、只对评论者显示广告/内容

1
2
3

<?php if (!$user_ID && isset($_COOKIE['comment_author_'.COOKIEHASH])) { ?>
这里填广告代码，或者其它调用代码、内容等等
<?php } ?>

我这里的设置就是只要登录了,文章中的广告就不显示了,如果您不想看到广告的话,那么请您登陆一下.当然,边栏的广告,没有设置,默认显示.

本文转自:ZWWoOoOo’s Blog

差点忘记说了,你可以使用插件.Ozh’ Who Sees Ads,我就不介绍了,没使用过,不知道效果怎么样.[下载地址]

看看这些文章

]]> http://www.itlobo.com/articles/1319.html/feed 21