javascript入门笔记(六)

wanyin940

浏览: 28276 次
性别:
来自: 武汉

最近访客更多访客>>

sunblessed

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

JavaScript HTML

第七课：通过数组和循环记录信息

http://www.bookofjavascript.com/Websites/AntWeb/antweb.html 最底部例子

1.　javascript的内置数组：http://www.cnblogs.com/shanqian/archive/2009/03/11/1408415.html

　　每个数组都是基于网站的创建者编写的HTML代码而构建的，对于Image数组来说,网页的第一张图像名为images[0],第二张图像名为images[1] ………………

将网页中第一副图像替换成happy.gif: window.document.images[0].src='happy.gif'

网页中包含多少张image: window.document.images.length;

2.小例子：用element[i]来实现全选checkbox

<html>
<head>
<title>Hotmail's Use of Arrays and Loops</title>
</head>
<body>
<form name = "hotmail">
<input type = "checkbox" name = "message1">Message 1<br>
<input type = "checkbox" name = "message2">Message 2<br>
<input type = "checkbox" name = "message3">Message 3<br>
<input type = "checkbox" name = "allbox" onClick = "CheckAll();">Select all displayed messages<br>
</form>
<script type="text/javascript">
function CheckAll()
{
    for (var i=0; i<document.hotmail.elements.length;i++)
    {
        var e = document.hotmail.elements[i];
        if (e.name != 'allbox')
            e.checked = document.hotmail.allbox.checked;
    }
}
</script>
</body>
</html>

小例子：用form+name来实现全选checkbox

<html>
<head>
<title>Hotmail's Use of Arrays and Loops</title>
</head>
<body>
<form name = "hotmail">
<input type = "checkbox" name = "message" value="Message 1">Message 1<br>
<input type = "checkbox" name = "message" value="Message 2">Message 2<br>
<input type = "checkbox" name = "message" value="Message 3">Message 3<br>
<input type = "checkbox" name = "allbox" onClick = "CheckAll(window.document.hotmail);">Select all displayed messages<br>
</form>
<script type="text/javascript">
function CheckAll(thisForm)
{
var count = thisForm.message.length;

checkVal = thisForm.allbox.checked;

for(var loop =0 ; loop<count;loop++){

thisForm.message[loop].checked=checkVal;

}

}
</script>
</body>
</html>

小例子:提示文本框(在一个textarea中每隔几秒钟换一个提示)

<html>
<head>
<title>Arrays and Loops a la Ask.com</title>
</head>
<body onLoad = "startScroll();">
<script type = "text/javascript">

</script>
<form name = "tip_form">
<textarea name = "tip_box" rows = "3" cols = "30"></textarea>
</form>
</body>
</html>

分享到：

linux上架Tomcat+apach+mysql | javascript入门笔记(五)

2009-04-09 10:06
浏览 1023
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论