#menu li {position:relative; z-index:99;}

对于IE6的层显示问题解决方法有三，

1、position:relative改为position:absolute；

2、去除浮动；

3、浮动元素添加position属性（如relative，absolute等）

• Jquery实现同级元素区别对待
• 解决IE6中Z-index无效不兼容问题
• 用js解决广告代码载入慢的问题
• JavaScript字符处理函数
• Iframe之间传值和数据的方法
• CSS样式id和class属性优先级问题
• 用CSS隐藏文字方法的比较
• 用CSS强制改变链接的颜色
• 如何写没有链接目标的超链接
• Kill IE 6

如果我们用js来调用广告的话，如果广告商的广告加载慢的话，就会使我们整个的网站加载慢，主要是网页的显示顺序是从上到下，而广告我们一般都放在前面， 有几个方法可以是js在等网站全部载入完后再载入，当然这种方法不止用于广告显示，包括比较慢的js文件都可以用。

如果你的网站有GG AdSense有段代码能显著加快网站载入速度：
<div id=”googlead” width=”广告的宽度” height=”广告的高度”>
<div id=”googleadcode” style=”display:none”>
#在此贴入您的广告代码。贴入后请将此行删除
</div>
<script language=”javascript”>
if(document.all.item(”googlead”) != null)
{
googlead.innerHTML = googleadcode.innerHTML;
}
</script>
另外还有一种方法：

一：把这段代码放在你要放广告的网页位置：
<SPAN id=ad_01><img src=”{dede:field name=’templeturl’/}/10lidi/images/loading.gif” /><br />正在载入请耐心等待…</SPAN>

二：把这段代码放到页底：
<SPAN class=spanclass id=span_ad_01>
<script type=”text/javascript” src=”你的js地址</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=””;</SCRIPT>

如 果要放多个js可以这样：

这个放到你的广告的位置

<SPAN id=ad_01>广告载入中,正在加载第1个广告…</SPAN>

<SPAN id=ad_02>广告载入中,正在加载第2个广告…</SPAN>

下面的放到底部：

<SPAN id=span_ad_01>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=””;</SCRIPT>

<SPAN id=span_ad_02>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML=””;</SCRIPT>

不过这种方法对firefox浏览器兼容不好。在更新一种方法：

第一步：把这段代码放在你要放广告的网页位置：
<div id=”myads”>广告载入中…</div>
第二步：把这段代码放到页底：
<div id=”span_myads”>
这里放广告的JS代码或其他加载速度比较慢的内容都可以。
</div>
<script type=”text/javascript”>
document.getElementById(”myads”).innerHTML = document.getElementById(”span_myads”).innerHTML;
document.getElementById(”span_myads”).innerHTML = “”;
</script>

推荐这种把加载的代码写在最后的方法！等页面完成再整个显示出来.

• 让superfish在IE6不被遮住
• JavaScript字符处理函数
• Iframe之间传值和数据的方法
• 如何写没有链接目标的超链接
• 分享一个内容丰富的图片轮播SWF组件
• Jquery实现同级元素区别对待

JS自带函数

substring

返回字符串的一个子串，传 入参数是起始位置和结束位置。

var sub_string1 = a.substring(1);
//sub_string1 = “ello”
var sub_string2 = a.substring(1,4);
//sub_string2 = “ell”
substr
返 回字符串的一个子串，传入参数是起始位置和长度
var sub_string1 = a.substr(1);
//sub_string1 = “ello”
var sub_string2 = a.substr(1,4);
//sub_string2 = “ello”
concat
将两个或多个字符的文本组合起来，返回一个新的字符串。
var a = “hello”;
var b = “,world”;
var c = a.concat(b);
alert(c);
//c = “hello,world”
indexOf
返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
var index1 = a.indexOf(“l”);
//index1 = 2
var index2 = a.indexOf(“l”,3);
//index2 = 3
charAt
返回指定位置的字符。
var get_char = a.charAt(0);
//get_char = “h”
lastIndexOf
返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1 。
var index1 = lastIndexOf(‘l’);
//index1 = 3
var index2 = lastIndexOf(‘l’,2)
//index2 = 2
match
检查一个字符串匹配一个正则表达式内容，如果么有匹配返回 null。
var re = new RegExp(/^\w+$/);
var is_alpha1 = a.match(re);
//is_alpha1 = “hello”
var is_alpha2 = b.match(re);
//is_alpha2 = null
replace
用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
var result1 = a.replace(re,”Hello”);
//result1 = “Hello”
var result2 = b.replace(re,”Hello”);
//result2 = “,world”
search
执 行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。
var index1 = a.search(re);
//index1 = 0
var index2 = b.search(re);
//index2 = -1
slice
提取字符串的一部分，并返回一个新字符串（与 substring 相同）。
var sub_string1 = a.slice(1);
//sub_string1 = “ello”
var sub_string2 = a.slice(1,4);
//sub_string2 = “ell”
split
通过将字符串划分成子 串，将一个字符串做成一个字符串数组。
var arr1 = a.split(“”);
//arr1 = [h,e,l,l,o]
length
返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
var len = a.length();
//len = 5
toLowerCase
将整个字符串转成小写字母。
var lower_string = a.toLowerCase();
//lower_string = “hello”
toUpperCase
将整个字符串转成大写字母。
var upper_string = a.toUpperCase();
//upper_string = “HELLO”

/*
******************************************
常用JS字符处理功能函数扩充
******************************************
*/

/*
===========================================
// 去除左边的空格
===========================================

*/
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, “”);
}

/*
===========================================
// 去除右边的空格
===========================================
*/
String.prototype.Rtrim = function()
{
return this.replace(/(\s*$)/g, “”);
}

/*
===========================================
// 去除前后空格
===========================================
*/
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}

/*
===========================================
// 得到左边的字符串
===========================================
*/
String.prototype.Left = function(len)
{

if(isNaN(len)||len==null)
{
len = this.length;
}
else
{
if(parseInt(len)<0||parseInt(len)>this.length)
{
len = this.length;
}
}

return this.substr(0,len);
}

/*
===========================================
// 得到右边的字符串
===========================================
*/
String.prototype.Right = function(len)
{

if(isNaN(len)||len==null)
{
len = this.length;
}
else
{
if(parseInt(len)<0||parseInt(len)>this.length)
{
len = this.length;
}
}

return this.substring(this.length-len,this.length);
}

/*
===========================================
// 得到中间的字符串,注意从0开始
===========================================
*/
String.prototype.Mid = function(start,len)
{
return this.substr(start,len);
}

/*
===========================================
// 在字符串里查找另一字符串:位置从0开始
===========================================
*/
String.prototype.InStr = function(str)
{

if(str==null)
{
str = “”;
}

return this.indexOf(str);
}

/*
===========================================
// 在字符串里反向查找另一字符串:位置0开始
===========================================
*/
String.prototype.InStrRev = function(str)
{

if(str==null)
{
str = “”;
}

return this.lastIndexOf(str);
}

/*
===========================================
// 计算字符串打印长度
===========================================
*/
String.prototype.LengthW = function()
{
return this.replace(/[^\x00-\xff]/g,”**”).length;
}

/*
===========================================
// 是否是正确的IP地址
===========================================
*/
String.prototype.isIP = function()
{

var reSpaceCheck = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;

if (reSpaceCheck.test(this))
{
this.match(reSpaceCheck);
if (RegExp.$1 <= 255 && RegExp.$1 >= 0
&& RegExp.$2 <= 255 && RegExp.$2 >= 0
&& RegExp.$3 <= 255 && RegExp.$3 >= 0
&& RegExp.$4 <= 255 && RegExp.$4 >= 0)
{
return true;
}
else
{
return false;
}
}
else
{
return false;
}

}

/*
===========================================
// 是否是正确的长日期
===========================================
*/
String.prototype.isLongDate = function()
{
var r = this.replace(/(^\s*)|(\s*$)/g, “”).match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
if(r==null)
{
return false;
}
var d = new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);

}

/*
===========================================
// 是否是正确的短日期
===========================================
*/
String.prototype.isShortDate = function()
{
var r = this.replace(/(^\s*)|(\s*$)/g, “”).match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null)
{
return false;
}
var d = new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}

/*
===========================================
// 是否是正确的日期
===========================================
*/
String.prototype.isDate = function()
{
return this.isLongDate()||this.isShortDate();
}

/*
===========================================
// 是否是手机
===========================================
*/
String.prototype.isMobile = function()
{
return /^0{0,1}13[0-9]{9}$/.test(this);
}

/*
===========================================
// 是否是邮件
===========================================
*/
String.prototype.isEmail = function()
{
return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(this);
}

/*
===========================================
// 是否是邮编(中国)
===========================================
*/

String.prototype.isZipCode = function()
{
return /^[\\d]{6}$/.test(this);
}

/*
===========================================
// 是否是有汉字
===========================================
*/
String.prototype.existChinese = function()
{
//[\u4E00-\u9FA5]為漢字﹐[\uFE30-\uFFA0]為全角符號
return /^[\x00-\xff]*$/.test(this);
}

/*
===========================================
// 是否是合法的文件名/目录名
===========================================
*/
String.prototype.isFileName = function()
{
return !/[\\\/\*\?\|:"<>]/g.test(this);
}

/*
===========================================
// 是否是有效链接
===========================================
*/
String.prototype.isUrl = function()
{
return /^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/i.test(this);
}

/*
===========================================
// 是否是有效的身份证(中国)
===========================================
*/
String.prototype.isIDCard = function()
{
var iSum=0;
var info=”";
var sId = this;

var aCity={11:”北京”,12:”天津”,13:”河北”,14:”山西”,15:”内蒙古”,21:”辽宁”,22:”吉林”,23:”黑龙 江”,31:”上海”,32:”江苏”,33:”浙江”,34:”安徽”,35:”福建”,36:”江西”,37:”山东”,41:”河南”,42:”湖 北”,43:”湖南”,44:”广东”,45:”广西”,46:”海南”,50:”重庆”,51:”四川”,52:”贵州”,53:”云南”,54:”西 藏”,61:”陕西”,62:”甘肃”,63:”青海”,64:”宁夏”,65:”新疆”,71:”台湾”,81:”香港”,82:”澳门”,91:”国 外”};

if(!/^\d{17}(\d|x)$/i.test(sId))
{
return false;
}
sId=sId.replace(/x$/i,”a”);
//非法地区
if(aCity[parseInt(sId.substr(0,2))]==null)
{
return false;
}

var sBirthday=sId.substr(6,4)+”-”+Number(sId.substr(10,2))+”-”+Number(sId.substr(12,2));

var d=new Date(sBirthday.replace(/-/g,”/”))

//非法生日
if(sBirthday!=(d.getFullYear()+”-”+ (d.getMonth()+1) + “-” + d.getDate()))
{
return false;
}
for(var i = 17;i>=0;i–)
{
iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 – i),11);
}

if(iSum%11!=1)
{
return false;
}
return true;

}

/*
===========================================
// 是否是有效的电话号码(中国)
===========================================
*/
String.prototype.isPhoneCall = function()
{
return /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/.test(this);
}

/*
===========================================
// 是否是数字
===========================================
*/
String.prototype.isNumeric = function(flag)
{
//验证是否是数字
if(isNaN(this))
{

return false;
}

switch(flag)
{

case null:        //数字
case “”:
return true;
case “+”:        //正数
return                /(^\+?|^\d?)\d*\.?\d+$/.test(this);
case “-”:        //负数
return                /^-\d*\.?\d+$/.test(this);
case “i”:        //整数
return                /(^-?|^\+?|\d)\d+$/.test(this);
case “+i”:        //正整数
return                /(^\d+$)|(^\+?\d+$)/.test(this);
case “-i”:        //负整数
return                /^[-]\d+$/.test(this);
case “f”:        //浮点数
return                /(^-?|^\+?|^\d?)\d*\.\d+$/.test(this);
case “+f”:        //正浮点数
return                /(^\+?|^\d?)\d*\.\d+$/.test(this);
case “-f”:        //负浮点数
return                /^[-]\d*\.\d$/.test(this);
default:        //缺省
return true;
}
}

/*
===========================================
// 是否是颜色(#FFFFFF形式)
===========================================
*/
String.prototype.IsColor = function()
{
var temp        = this;
if (temp==”") return true;
if (temp.length!=7) return false;
return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}

/*
===========================================
// 转换成全角
===========================================
*/
String.prototype.toCase = function()
{
var tmp = “”;
for(var i=0;i<this.length;i++)
{
if(this.charCodeAt(i)>0&&this.charCodeAt(i)<255)
{
tmp += String.fromCharCode(this.charCodeAt(i)+65248);
}
else
{
tmp += String.fromCharCode(this.charCodeAt(i));
}
}
return tmp
}

/*
===========================================
// 对字符串进行Html编码
===========================================
*/
String.prototype.toHtmlEncode = function()
{
var str = this;

str=str.replace(/&/g,”&amp;”);
str=str.replace(/</g,”&lt;”);
str=str.replace(/>/g,”&gt;”);
str=str.replace(/\’/g,”&apos;”);
str=str.replace(/\”/g,”&quot;”);
str=str.replace(/\n/g,”<br>”);
str=str.replace(/\ /g,”&nbsp;”);
str=str.replace(/\t/g,”&nbsp;&nbsp;&nbsp;&nbsp;”);

return str;
}

/*
===========================================
// 转换成日期
===========================================
*/
String.prototype.toDate = function()
{
try
{
return new Date(this.replace(/-/g, “\/”));
}
catch(e)
{
return null;
}
}

• 如何写没有链接目标的超链接
• 使用PHP的header函数修改网页的输出编码
• 让lnmp能用mail()函数来发邮件
• 让superfish在IE6不被遮住
• 用js解决广告代码载入慢的问题
• 字符串数组Firefox和IE的不同
• Iframe之间传值和数据的方法
• 特殊字符大收集
• PHP几个常用的调试输出函数
• Jquery实现同级元素区别对待

   两个重要的javascript语句:

top.result.document.location='result.html?data=' + data;

和

window.top.frames['result'].document.getElementById("an").innerHTML=data;

都很好理解,  第一个就是js重新载入父窗口中name为result的iframe页面,  第二个就是直接通过选择另一个iframe中的元素来赋值.

下面是一个传值的例子

框架页面-index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>框架页面</title> 
</head>
<body>
<iframe width="100%" height="100" name="find" id="find" src="find.html"></iframe>
<iframe width="100%" height="600" name="result" id="result" src="result.html"></iframe>
</body>
</html>
 

查询页面-find.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>查询页面</title>
<script language="javascript"  type="text/javascript">
function show(){
var data = document.form1.data.value; 
top.result.document.location='result.html?data=' + data;
//window.top.frames['result'].document.getElementById("an").innerHTML=data;
}
</script>
</head>
<body>
<div >
  <form name="form1" method="post" >
        <p><span>数据：</span>
          <input type="text" name="data" class="text" id="text1"/>
        </p>
        <p>
     <input   type="submit" value="提交" onclick="javascript:show();" />
        </p>
  </form>
</div>
</body>
</html>

结果页面-result.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>结果页面</title>
</head>
<body>
<p>上面输入的文字是: <span id="an">&nbsp;</span></p>
</body>
<script language="javascript"  type="text/javascript">
function Request(argname)
{
    var url = document.location.href;
    var arrStr = url.substring(url.indexOf("?")+1).split("&");
    //return arrStr;
    for(var i =0;i<arrStr.length;i++)
        {
        var loc = arrStr[i].indexOf(argname+"=");
       
        if(loc!=-1)
            {
            return arrStr[i].replace(argname+"=","").replace("?","");
            break;
            }
        }
    return "";
}
//使用Request("argname")即可得到参数值;
var data=Request("data"); 
this.document.getElementById('an').innerHTML= data;
</script>
</html>
 

  上面的文件都放在同一个文件夹下面.  打开index,  在上面iframe的文本文本框中输入数据, 点提交就能把值传到下面iframe页面中.  如下图:

另: 如果在主框中提交数据到子iframe比较简单, 只要设置form的  target="iframe_name" 就可以了

• Firefox的网页邮件提醒插件-WebMail Notifier
• 让superfish在IE6不被遮住
• 让firefox不对iframe缓存
• 用js解决广告代码载入慢的问题
• 不让网页被iframe包含的方法
• JavaScript字符处理函数
• DEDE自动生成关键字列表页面
• DEDE5.5最近不能采集图片本地化解决办法
• 集成google 百度 淘宝的搜索工具条
• 如何写没有链接目标的超链接

    如: <a href="" onclick="alert('test');">dosomething</a>   dosomething   这样写点击以后还是会有跳转,  因为href为空时默认是本页,所以本页会刷新一下.

    可不可以用#来代替空链接呢.

    我们试下:  <a href="#" onclick="alert('test');">dosomething</a>  dosomething   虽然这样写页面不会有刷新, 但还是有一个跳动, "#" 默认会跳到页面的顶端.

   正确的方法: 

   <a href="javascript:;" onclick="alert('test');">dosomething</a>  dosomething

   用一个空的 js语句做链接, 链接就什么也不做, 只会执行onclick中的语句

   有朋友问 不用href怎么做链接? 其实没有href就不成链接了.   只不过不一定每个href都是链接,  也可以是JS来现实没有href的链接. 

原创文章 转载请注明出处: 登高望远 [ http://www.dengor.com/archives/282.html ]

• JavaScript字符处理函数
• 让superfish在IE6不被遮住
• Firefox查看源码链接如何返回上级源码
• 用js解决广告代码载入慢的问题
• Iframe之间传值和数据的方法
• 用CSS强制改变链接的颜色
• Jquery实现同级元素区别对待

     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.

 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
	$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,

     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.

• 让superfish在IE6不被遮住
• 用js解决广告代码载入慢的问题
• JavaScript字符处理函数
• Jquery使用php进行ajax调用例子
• Iframe之间传值和数据的方法
• CSS样式id和class属性优先级问题
• 用CSS隐藏文字方法的比较
• 用CSS强制改变链接的颜色
• 如何写没有链接目标的超链接
• Jquery中value属性的使用方法