JavaScript

空DIV的妙用

帮人解决了一个小问题。

解决的办法是:在原标签的外面套了一个空DIV。这种办法一般是解决IE6浮动BUG的,不知道为什么在这种情况下也管用。

这种情况是:
jQuery写的一段下拉菜单脚本代码,当前页面时当前页的根菜单和下拉菜单同时显示,其他页面的下拉菜单只有鼠标hover状态时显示。在firefox,chrome,safari,opera,ie7,ie8中运行正常,但是在ie6中,第一次载入该页面和刷新该页面时,当前页只有根菜单显示而下拉菜单不显示,只有用鼠标触碰一下该根菜单(或者说启动一下这个脚本)才能正常工作。

<li>
<span class=”v”><a href=”index.html” >首页</a></span>
<div><div class=”kind_menu” > 欢迎您访问,我们为您提供最优质的互联网服务! </div></div>
</li>
<li>
<span class=”v”><a href=”cuxiao.html”>促销活动</a></span>
<div class=”kind_menu” > 不定期举行的线上活动 </div>
</li>
<li>
<span class=”v”><a href=”love.html”>爱心公益</a></span>
<div class=”kind_menu” > 爱心公益 </div>
</li>

————————————————
更新: 将span标签换成div标签。不用套空div即可解决问题。

<li> <span><a href=”index.html” ><font>首页</font></a></span>
<div style=” left:20px; “> 欢迎您访问联促网,我们为您提供最优质的互联网服务! </div></div>
</li>
1 Comment more...

几个常用的JavaScript字符串处理函数

几个常用的JavaScript字符串处理函数 – split()、join()、substring()、substr() 和indexOf()

函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
例子:
str=”jpg|bmp|gif|ico|png”;
arr=theString.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组
——————————————————————-
函数:John()
功能:使用您选择的分隔符将一个数组合并为一个字符串
例子:
var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//结果是jpg|bmp|gif|ico|png
——————————————————————-
函数:substring()    //从0开始计数,0 1 2 3……
说明:substring 方法将返回一个包含从指定start(开始)到指定end(不包含end)结束的子字符串。
功能:字符串截取,比如想从”MinidxSearchEngine”中得到”Minidx”就要用到substring(0,6)
——————————————————————-
函数:substr()       //从0开始计数,0 1 2 3……
说明:substr返回从指定位置开始的指定长度的子字符串,stringvar.substr(start,length)
例子:function SubstrDemo(){
var s = “The rain in Spain falls mainly in the plain.”;
var ss = s.substr(12, 5); //从第12个字符(以0开始计数,空格也算一个字符)开始往后获取5个。
return(ss);               //返回 “Spain”。
——————————————————————-
函数:indexOf()     //从0开始计数,0 1 2 3……
功能:返回字符串中匹配子串的第一个字符的下标
var myString = “JavaScript”;
var w = myString.indexOf(”v”);         //w 将为 2
var x = myString.indexOf(”S”);         //x 将为 4
var y = myString.indexOf(”Script”);    //y 将为 4
var z = myString.indexOf(”key”);       //z 将为 -1

函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

str=”jpg|bmp|gif|ico|png”;

arr=theString.split(”|”);

//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

——————————————————————-

函数:John()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

var delimitedString=myArray.join(delimiter);

var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);

var portableList=myList.join(”|”);

//结果是jpg|bmp|gif|ico|png

——————————————————————-

函数:substring()    //从0开始计数,0 1 2 3……

说明:substring 方法将返回一个包含从指定start(开始)到指定end(不包含end)结束的子字符串。

功能:字符串截取,比如想从”MinidxSearchEngine”中得到”Minidx”就要用到substring(0,6)

——————————————————————-

函数:substr()       //从0开始计数,0 1 2 3……

说明:substr返回从指定位置开始的指定长度的子字符串,stringvar.substr(start,length)

例子:function SubstrDemo(){

var s = “The rain in Spain falls mainly in the plain.”;

var ss = s.substr(12, 5); //从第12个字符(以0开始计数,空格也算一个字符)开始往后获取5个。

return(ss);               //返回 “Spain”。

——————————————————————-

函数:indexOf()     //从0开始计数,0 1 2 3……

功能:返回字符串中匹配子串的第一个字符的下标

例子:

var myString = “JavaScript”;

var w = myString.indexOf(”v”);         //w 将为 2

var x = myString.indexOf(”S”);         //x 将为 4

var y = myString.indexOf(”Script”);    //y 将为 4

var z = myString.indexOf(”key”);       //z 将为 -1


addLoadEvent函数和insertAfter()函数

addLoadEvent(){}函数
//把多个javascript函数绑定到onload事件处理函数上
———-
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != ‘function’){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
————————————————————————————————
insertAfter()函数
//将新元素插入到现有元素的后面
———-
function insertAfter(newElement, targetElement){
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement){
parent.appendChild(newElement);
//如果targetElement是parent最后一个子元素,插入newElement
}else{
parent.insertBefore(newElement, targetElement.nextSibling);
//如果不是,插入到targetElement下一个兄弟节点的前面
}
}

《Javascript DOM编程艺术》一书中的两个函数。

addLoadEvent(){}函数

//把多个javascript函数绑定到onload事件处理函数上

———-

function addLoadEvent(func){

var oldonload = window.onload;

if(typeof window.onload != ‘function’){

window.onload = func;

}else{

window.onload = function(){

oldonload();

func();

}

}

}

————————————————————————————————

insertAfter()函数

//将新元素插入到现有元素的后面

———-

function insertAfter(newElement, targetElement){

var parent = targetElement.parentNode;

if(parent.lastChild == targetElement){

parent.appendChild(newElement);

//如果targetElement是parent最后一个子元素,插入newElement

}else{

parent.insertBefore(newElement, targetElement.nextSibling);

//如果不是,插入到targetElement下一个兄弟节点的前面

}

}


Copyright © 2008-2012 Chesanqi's Web World. All rights reserved.
Jarrah theme by Templates Next | Powered by WordPress