<!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>

function mouseOver()

{

document.b1.src="素材/baidu2.png"

}

function mouseOut()

{

document.b1.src="素材/baidu1.png"

}

</script>

<!--五、图片分段显示-->

<script type="text/javascript">

function writeText(txt)

{

document.getElementById("wwz").innerHTML=txt

}

</script>

<!--警告框会在 5 秒后显示-->

<script>

function warn()

{

var t=setTimeout("alert('5 秒！')",5000)

}

</script>

</head>

<body>

<!--一、数字循环-->

<script>

for(i=0;i<5;i++)

{

    document.write("数字是"+i+"<br>");

}

</script>

<!--二、循环产生标题-->

<script>

for(i=1;i<7;i++)

{

    document.write("<h"+i+">这是标题"+i+"</h"+i+"<br>");

}

</script>

<!--三、检测浏览器版本-->

<script type="text/javascript">

var browser=navigator.appName

var b_version=navigator.appVersion

var version=parseFloat(b_version)

document.write("浏览器名称："+ browser)

document.write("<br />")

document.write("浏览器版本："+ version)

</script>

<!--四、按钮动画-->

<img src="素材/baidu1.png" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" alt="路由器"/ >

<!--五、图片分段显示-->

<img src="素材/n1.jpg">

<map name="planetmap" id="planetmap">

<area shape="circle" coords="180,139,14"

onMouseOver="writeText('直到 20 世纪 60 年代，金星一直被认为是地球的孪生姐妹，因为金星是离我们最近的行星，同时还由于两者拥有很多共同的特征。')"/>

<area shape="circle" coords="129,161,10"

onMouseOver="writeText('从地球上是很难研究水星的，这是由于它和太阳的距离总是很近。')"/>

<area shape="rect" coords="0,0,110,260"

onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"

/>

</map>

<p id="wwz"></p>

<!--六、警告框会在 5 秒后显示-->

<form>

<input type="button" value="显示定时的警告框" onClick = "warn()">

</form>

</body>

</html>

javascript循环的更多相关文章

  1. JavaScript循环之for/in循环

    今天学到了JavaScript的语句篇.同其他常见编程语言如C.Java等一样,JavaScript中的语句包含:①表达式语句②复合语句和空语句③声明语句④条件语句⑤循环语句⑥跳转语句,当然JavaS ...

  2. JavaScript循环语句-6---for语句，while语句的应用逻辑

    JavaScript循环语句 学习目标 1.掌握for语句的语法结构 2.掌握for语句的应用逻辑 for语句 语法: For(语句1:语句2:语句3){ 被执行的代码块: } 语句1:在循环(代码块 ...

  3. JavaScript 循环语句入门详解

    JavaScript Switch 语句 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case ...

  4. java基础61 JavaScript循环语句之while、do...while、for及for...in循环（网页知识）

    本文知识点(目录): 1.while循环语句    2.do...while循环语句    3.for循环语句    4.for...in循环语句    5.附录1(with语句)    6.附录2( ...

  5. javascript循环遍历数组输出key value

    javascript循环遍历数组输出key value用$.each方法肯定不行的 所以采用如下方法<pre> markers = []; markers[2]=3; markers[3] ...

  6. JavaScript 循环判断练习题

    JavaScript 循环判断练习题 小明有一组水果("苹果","梨子","香蕉","葡萄","西瓜" ...

  7. 你会用哪些JavaScript循环遍历

    总结JavaScript中的循环遍历定义一个数组和对象 const arr = ['a', 'b', 'c', 'd', 'e', 'f']; const obj = { a: 1, b: 2, c: ...

  8. 高性能JavaScript 循环语句和流程控制

    前言 上一篇探讨了达夫设备对于代码性能的影响,本文主要探讨并且测试各种常见的循环语句的性能以及流程控制中常见的优化. 循环语句 众所周知,常用的循环语句有for.while.do-while以及for ...

  9. 使用JavaScript循环嵌套解决各种图形

    [循环嵌套的规律]    1.外层循环控制行数,内层循环控制每行中元素的个数. [图形题思路]    1.确定图形有几行,行数即为外层循环次数:    2.确定每行中有几种元素组成,有几种元素表示有几 ...

随机推荐

  1. java将Excel文件（xlsx，xls）转换为csv文件

    http://blog.csdn.net/bryan__/article/details/40715309

  2. Java 十六进制转十进制

    public static int hexToDecimal(String hex) { int decimalValue = 0; for (int i = 0; i < hex.length ...

  3. linux安装rzsz

    rz,sz是Linux/Unix同Windows进行ZModem文件传输的命令行工具优点:比ftp命令方便,而且服务器不用打开FTP服务. sz:将选定的文件发送(send)到本地机器rz:运行该命令 ...

  4. iOS lanchImage 和icon的设置

    1 icon的设置 打开项目中的Assets.xcassets   这里边有一个icon 首先需要有icon 的尺寸 尺寸如下: 29*29   2x 29*29   3x 40*40  2x 40* ...

  5. Linux下的另一个词典GoldenDict

    以前一直在用statdict,突然发现了一个好用的东西Goldendict. 转载丁香园上一篇文章:http://www.dxy.cn/bbs/topic/20455142 Goldendict 话说 ...

  6. MinGW 仿 linux 开发环境

    MinGW 默认安装 MSYS.通常打开的 MinGW Shell 其实 MSYS,MinGW 作为一个组件存在. MSYS -- Minimal SYStem,是一个 Bourne Shell 解释 ...

  7. phpstorm使用技巧

    确实很好用,不过还是要看一些方法 转自:http://blog.sina.com.cn/s/blog_488193d70102vk7e.html 2, 关联DOC文档: 右键External Libr ...

  8. PHP类中的__get()和__set函数到底有什么用？

    当试图获取一个不可达变量时,类会自动调用__get. 同样的,当试图设置一个不可达变量时,类会自动调用__set. 在网站中,这两个并不是什么非用不可的函数.   例如: Class Test {   ...

  9. C# Linq To DataTable 分组统计 DEMO

    DataTable dt = SQLLayer.Get工作量统计(beginDate, endDate);             var querySum = from t in dt.AsEnum ...

  10. [C#]『Barrier』任务并行库使用小计

    Barrier  是一个对象,它可以在并行操作中的所有任务都达到相应的关卡之前,阻止各个任务继续执行. 如果并行操作是分阶段执行的,并且每一阶段要求各任务之间进行同步,则可以使用该对象. --MSDN ...