• javascript循环


    <!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 实现打印操作
    linux-centos7.6设置固定IP网络方法
    VMware网络配置三种网络模式(桥接、NAT、Host-only)
    SVN 执行cleanup报错:Cleanup failed to process the following paths
    word生成目录的pdf
    win10开机后将存在多个系统选择,改为直接进入系统无需选择
    Win10删除或是不显示快速访问中最近使用文件记录
    Dell T30解决报Alert! Cover was previously removed.
    WIN10安装.net报0x800F081F解决方法
    查看SVN当前登录用户
  • 原文地址:https://www.cnblogs.com/lk-kk/p/4484906.html
Copyright © 2020-2023  润新知