柠檬工作室 » javascript http://www.crazylemon.net 上帝无用，天使无用 Thu, 17 Nov 2011 19:39:10 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 如何让PNG格式的透明图片在IE6下正常显示 http://www.crazylemon.net/css/3705.html http://www.crazylemon.net/css/3705.html#comments Sun, 31 Oct 2010 10:53:24 +0000 CrazyLemon http://www.crazylemon.net/?p=3705 接了个业务，帮网友做几个页面，关于彩票的，很奇怪的要求，要在IE6下正常显示

其中有个别图片要求透明，在从PSD提取时遇到问题，就是本来透明的图层，一保存为PNG，就半透明了，变灰了一点

原因是图层混合选项里，斜面和浮雕的阴影模式不透明度不是0%，在保存时，本来透明的也就灰了

以IMG标签显示时，在IE8以上正常显示，即透明，在IE6下本来透明的，变成白底了。参考网上的的解决办法：

首先，为你的图片外套一个DIV层，像这样:

<body> <div class=”flower”></div> </body>

然后，在<head>和</head>之间写入:

<!–[if gte IE 5]>

<style type=”text/css”>

div.flower {

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);

}

</style>

<![endif]–>

 这样就OK了，要测试在IE6下是否正常显示，可以下载一个工具，IETester，具体的自己上网搜下

还有另一个方法，如下：

<img src=”images/menu-12.png” onload=”fixPNG(this)”/>

<script language=”javascript”>
// 修复 IE 下 PNG 图片不能透明显示的问题
function fixPNG(myImage) {
var arVersion = navigator.appVersion.split(“MSIE”);
var version = parseFloat(arVersion[1]);
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
    var imgID = (myImage.id) ? “id=’” + myImage.id + “‘ ” : “”;
    var imgClass = (myImage.className) ? “class=’” + myImage.className + “‘ ” : “”;
    var imgTitle = (myImage.title) ? “title=’” + myImage.title  + “‘ ” : “title=’” + myImage.alt + “‘ “;
    var imgStyle = “display:inline-block;” + myImage.style.cssText;
    var strNewHTML = “<span ” + imgID + imgClass + imgTitle

   + ” style=\”" + “width:” + myImage.width

   + “px; height:” + myImage.height

   + “px;” + imgStyle + “;”

   + “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”

   + “(src=\’” + myImage.src + “\’, sizingMethod=’scale’);\”></span>”;
    myImage.outerHTML = strNewHTML;
} }

</script>

相关日志

]]> http://www.crazylemon.net/css/3705.html/feed 0 如何判断网页是静态还是伪静态 http://www.crazylemon.net/html/3540.html http://www.crazylemon.net/html/3540.html#comments Sat, 25 Sep 2010 09:21:57 +0000 CrazyLemon http://www.crazylemon.net/?p=3540 打开你想判断的网站后，再在网址框中输入 javascript:alert(document.lastModified);

IE5以上… ，此方法可以判断一个网页的最后更新时间，如果这个时间与现在的时间相同，说明是伪静态的，反之为静态的。

另外的，网上所说的使用firefox控制台进行测试的方法有点问题，每次都会是现在的时间，就算是真的静态页面。

相关日志

]]> http://www.crazylemon.net/html/3540.html/feed 2 什么是Acid3测试，我的Acid3测试结果 http://www.crazylemon.net/html/3481.html http://www.crazylemon.net/html/3481.html#comments Wed, 08 Sep 2010 16:05:27 +0000 CrazyLemon http://www.crazylemon.net/?p=3481 测试地址：

http://acid3.acidtests.org/

Acid3 由网页标准计划小组（Web Standards Project, WaSP）设计，是一份网页浏览器及设计软件之标准相容性的测试网页，Acid3是目前Web标准基准测试中最严格的一个,对DOM和JavaScript有着严格的约束，Acid3于 2008年3月3日正式发布。其测试焦点集中在ECMAScript、DOM Level 3、Media Queries和data: URL。浏览器开启此测试网页后，页面会不断加载功能、直接给予分数，满分为100分。

目前,Opera10已经以满分的成绩完全通过Acid3的严格测试,苹果Safari和Google Chrome的内核引擎WebKit也已经完全通过Acid3的严格测试. 　　2008年3月份开始,Safari,FireFox,Opera开始向Acid3进发,09年1月测试结果：Chrome为97,Safari达到75分,FireFox 3.0.2为71,Opera 9.52为84分,Opera 9.62为85分,IE7仅有5分.而在开发预览版本中,Safari、搜狗2和Maxthon3已经达到了100,最新Gecko为87,Opera为100,IE8为21分. 　　2010年最新的Chrome开发也是满分100分，而微软的IE9预览版也达到了55分，让人惊讶。 　　Firefox 3.6测试版为92分。 　　搜狗高速浏览器也达到了满分。 　　IE6测试才为12分。

我的测试结果是：

IE 8：20

Chrome：100

Firefox：94

Maxthon2：13

看来傲游有点悲剧了，居然比IE8还低。。

相关日志

]]> http://www.crazylemon.net/html/3481.html/feed 1 firefox不支持的一个javascript http://www.crazylemon.net/html/3225.html http://www.crazylemon.net/html/3225.html#comments Thu, 24 Jun 2010 14:43:40 +0000 CrazyLemon http://www.crazylemon.net/?p=3225 今天刚发现的，类似

<script type=”text/javascript”>
function dosubmit(){
    var form_obj=document.getElementById(‘abc’);
    form_obj.submit();
}
dosubmit();
</script>

在firefox里并不能得到执行，而在IE里是可以的

解决方法是，用

<script>document.abc.submit()</script>

这样更简洁的脚本替换

相关日志

]]> http://www.crazylemon.net/html/3225.html/feed 1 javascript submit()方法不能传submit名称值的解决 http://www.crazylemon.net/html/3222.html http://www.crazylemon.net/html/3222.html#comments Thu, 24 Jun 2010 14:34:03 +0000 CrazyLemon http://www.crazylemon.net/?p=3222 改变了批量表单的提交方式，用javascript submit()方法实现，可以有效减少form表单数量，但由于使用的是button按钮，其它表单元素不能再次包含name=”submit”，否则会报错不执行

在javascript函数内也不能再次定义这个值，否则也是报错

解决办法是用多个类似<input type=”submit” name=”submit” onclick=”login(abc)” value=”登陆”>的标签，而不是使用button标签来触发

因为在表单里，只有被点击的submit会被提交

而在<button>里调用表单提交函数的话，会造成没被点击的submit也被提交，结果是报错

不知道这样理解对不对

相关日志

]]> http://www.crazylemon.net/html/3222.html/feed 1 通过网页按钮启动本地程序 http://www.crazylemon.net/html/3202.html http://www.crazylemon.net/html/3202.html#comments Tue, 08 Jun 2010 07:04:19 +0000 CrazyLemon http://www.crazylemon.net/?p=3202 <SCRIPT language=JavaScript>
function Run(strPath) {
exe.value=strPath;
try {
var objShell = new ActiveXObject(“wscript.shell”);
objShell.Run(strPath);
objShell = null;
}
catch (e){alert(‘找不到文件”‘+strPath+’”(或它的组件之一)。请确定路径和文件名是否正确，而且所需的库文件均可用。’)

}
}
</SCRIPT>

请输入要运行的程序：<br><input name=exe type=text size=20 value=”regedit”><BUTTON onclick=”Run(exe.value)”>确定</BUTTON><BUTTON onclick=exe.value=”";>重新输入</BUTTON><br>
<BUTTON onclick=”Run(‘notepad’)”>记事本</BUTTON><br>
<BUTTON onclick=”Run(‘mspaint’)”>画图板</BUTTON><br>
<BUTTON onclick=”Run(‘calc’)”>计算器</BUTTON><br>
<BUTTON onclick=”Run(‘cmd’)”>cmd</BUTTON><br>
<BUTTON onclick=”Run(‘Regedit’)”>Regedit</BUTTON><br>
<BUTTON onclick=”Run(‘Msconfig’)”>Msconfig</BUTTON><br>
<BUTTON onclick=”Run(‘file:///D:/Program%20Files/Winamp/WINAMP.EXE’)”>WINAMP</BUTTON><br>
<BUTTON onclick=”Run(‘IEXPLORE.EXE’)”>IE</BUTTON><br>
<BUTTON onclick=”Run(‘..’)”>..</BUTTON><br>
<BUTTON onclick=”Run(‘%windir%’)”>%windir%</BUTTON><br>
<BUTTON onclick=”Run(‘%temp%’)”>%temp%</BUTTON><br>
<BUTTON onclick=”Run(‘file:///D:/Program%20Files/Tencent/qq.EXE’)”>WINAMP</BUTTON>

前提要求有两个：

一、安装 wscript.shell：

在cmd下运行： 
         regsvr32 WSHom.Ocx 安装
         regsvr32 WSHom.Ocx  /u   卸载

二、internet选项：

安全->自定义级别->对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本

开启这一项

相关日志

]]> http://www.crazylemon.net/html/3202.html/feed 0 浏览器脚本之Navigator对象 http://www.crazylemon.net/html/3142.html http://www.crazylemon.net/html/3142.html#comments Tue, 11 May 2010 14:49:10 +0000 CrazyLemon http://www.crazylemon.net/?p=3142 Navigator 对象包含有关浏览器的信息。

注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。

IE: Internet Explorer, F: Firefox, O: Opera.

Navigator 对象集合

集合 描述 IE F O
plugins[] 返回对文档中所有嵌入式对象的引用。

该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息，其中包括它所支持的 MIME 类型的列表。

虽然 plugins[] 数组是由 IE 4 定义的，但是在 IE 4 中它却总是空的，因为 IE 4 不支持插件和 Plugin 对象。

 4 1 9

Navigator 对象属性

属性 描述 IE F O
appCodeName 返回浏览器的代码名。 4 1 9
appMinorVersion 返回浏览器的次级版本。 4 No No
appName 返回浏览器的名称。 4 1 9
appVersion 返回浏览器的平台和版本信息。 4 1 9
browserLanguage 返回当前浏览器的语言。 4 No 9
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 4 1 9
cpuClass 返回浏览器系统的 CPU 等级。 4 No No
onLine 返回指明系统是否处于脱机模式的布尔值。 4 No No
platform 返回运行浏览器的操作系统平台。 4 1 9
systemLanguage 返回 OS 使用的默认语言。 4 No No
userAgent 返回由客户机发送服务器的 user-agent 头部的值。 4 1 9
userLanguage 返回 OS 的自然语言设置。 4 No 9

Navigator 对象方法

方法 描述 IE F O
javaEnabled() 规定浏览器是否启用 Java。 4 1 9
taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。 4 1 9

Navigator 对象描述

Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。

Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。

顺便提一个，在Firefox中，即navigator.appName=Netscape时，是支持另一个东西的，即navigator.language

其它的三个language倒是不支持

相关日志

]]> http://www.crazylemon.net/html/3142.html/feed 1 Cpanel开启gzip优化功能 http://www.crazylemon.net/apache/3111.html http://www.crazylemon.net/apache/3111.html#comments Fri, 23 Apr 2010 09:14:12 +0000 CrazyLemon http://www.crazylemon.net/?p=3111 按道理应该在CPANEL里有个选项能改的，在“SoftWare and Services”那一栏中“Optimize Website”，但发现很多虚拟主机商提供的cpanel里没有这个东西，所以可以用另一个半法：

在cPanel中没有发现 Optimize Websites 图标，没关系照样OK。

1.新建一个名为 php.ini 的文件，输入以下内容，保存，上传至网站根目录即可。

output_buffering = Off
output_handler =
zlib.output_compression = On

适用于支持zlib类库的空间，空间是否支持zlib类库可以从探针中查看。现在的空间大多都支持。

1法源出：http://ishawn.net/tips/enable-gzip-function-of-hostgator.html

2.将以下代码拷贝到.htaccess文件中，上传至网站根目录中即可～

<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript
</ifmodule>

适用于VPS或者DS。在配置服务器时，将Apache2.x系列已经内置了的Deflate模块一并安装即可。具备此模块的共享空间同样适用。mod_deflate模块配置相对灵活，推荐安装。另外还可将image/gif image/jpeg image/png添加进去。

由于gif，jpg格式的图片本身已经是经过压缩的格式，所以不要指望GZip还能为你榨出多少水分，png的图片效果倒是不错～

我试了，第一个方法是不错的

相关日志

]]> http://www.crazylemon.net/apache/3111.html/feed 0 判断客户端操作系统的语言 http://www.crazylemon.net/php/3083.html http://www.crazylemon.net/php/3083.html#comments Wed, 14 Apr 2010 15:03:36 +0000 CrazyLemon http://www.crazylemon.net/?p=3083 一、通过JavaScript判断客户端操作系统的语言。通过JavaScript判断的事实上是系统的语言,相对比较准确.就算有人把浏览器语言改成其它语言,如日文(ja),仍能准确识别.但因为JavaScript本身的限制,这种方法缺乏可靠性.

<script type=”text/javascript”>
sysLanguage=navigator.systemLanguage?navigator.systemLanguage:navigator.language;
if(sysLanguage == ‘zh-cn’ || sysLanguage == ‘zh-CN’){
alert(‘OK’);

window.location.href=’nddbc.html’;
}
</script>

二、如何利用ASP判断客户端操作系统语言，其实很简单，就是利用Request.ServerVariables(“HTTP_ACCEPT_LANGUAGE”)。

代码：

<%=Request.ServerVariables(“HTTP_ACCEPT_LANGUAGE”)%>

如果使用的是中文操作系统，则输出的语言类型结果为：

zh-cn

三、PHP只能检测到浏览器语言。。。

相关日志

]]> http://www.crazylemon.net/php/3083.html/feed 0 Bookmark Us功能代码 http://www.crazylemon.net/html/2614.html http://www.crazylemon.net/html/2614.html#comments Tue, 01 Dec 2009 19:27:08 +0000 CrazyLemon http://www.crazylemon.net/?p=2614 <a href=”javascript:window.external.AddFavorite(location.href, document.title);”>Bookmark Us</a>

或

<a onclick=”window.external.AddFavorite(location.href, document.title);”>Bookmark Us</a>

后者不是链接形式

相关日志

]]> http://www.crazylemon.net/html/2614.html/feed 3