一些javascript的常用用法

| |
[不指定 2006/06/09 23:34 | by ipaddr ]
一些javascript的常用用法
1.
eval
将字符串执行并返回结果
a.
var str="window.alert('xx')";
eval(str);
b.
var mainArray1=new Array("zhou","tang","tom");
var mainArray2=new Array("ipaddr","bcomcn","aspbiz");
var tempArray=eval("mainArray"+1);
window.alert(tempArray[1]);
//tang

2.
查找ID
<div id='menuItem'></div>

document.getElementById('menuItem').style.visibility="visible";
document.all.menuItem.style.display='none';

如果不知道元素的id,但知道元素的HTML标签名(假设为TAGNAME),则可以通过下面的代码获得所有相同标签的元素:
document.getElementsByTagName('TAGNAME')

返回值为一个集合,通过该集合的 item 方法可以获取其中的一个元素。例如,修改页面上的第三个超链接的颜色为绿色:
java-script:document.getElementsByTagName('A').item(2).style.color="green";void(0)

通过各个元素的 style.display 和 style.visibility 属性可以显示/隐藏该元素。style.display=""可以显示元素,style.display="none"可以隐藏元素,而且被隐藏的元素不会占用页面位置,就像根本不存在一样;style.visibility=false可以隐藏元素,但是被隐藏的元素还会保持原有的位置和大小;style.visibility=true可以显示元素。

3. 将表达式转化为函数
通常我们希望使用 java-script:<函数> 这种格式,因为 javascript:<表达式> 会改变页面内容而使得修改失去意义。但有时我们不得不使用赋值表达式来达到目的,这就需要将表达式转换为函数来执行。这就需要利用一个特殊的函数:void()。该函数带有一个参数。

比较常用的转化方式有两种。一种是将表达式作为void()函数的参数,例如:
java-script:void(a=1)
执行之后页面内容没有任何变化,但是页面内名为a的变量已经赋值为1了。另一种方法是在整个代码的最后执行void()函数,例如:
java-script:a=1;void(0)
也可以达到同样的效果。

在网上通常可以找到一些网页的代码,例如:
java-script:void(document.all.btn1.disabled=false);void(document.all.btn2.disabled=false)

该段代码对每一个表达式执行了一次 void()函数。实际上有更简单的方法,只需要执行一次即可:
java-script:document.all.btn1.disabled=false;document.all.btn2.disabled=false;void(0)

另外常用的一种用法是:
a href='javas-cript:void(window.open("show.php?MID=101","showinfo","width=650,height=500,resizable=1,scrollbars=1"));' title='test'
这个链接将打开一个固定大小的窗口,而本窗口不做任何变化。


Net | 评论(0) | 引用(0) | 阅读(5804)