• ASP.NET动态网站制作(8)-- JS(3)


    前言:JS的第三节课,这节课主要讲函数、对象及方法。

    内容

      1.九九乘法表例子:

    HTML代码:

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <title></title>
     6     <script src="js/demo.js"></script>
     7 </head>
     8 <body>
     9     <input type="button" value="我是一个按钮" onclick="MyClick()"/>
    10     <div id="dcon"></div>
    11 </body>
    12 </html>
    View Code

    JS代码:

     1 function MyClick() {
     2     var s = "";
     3     s += "<table>";
     4     for (var i = 1; i < 10; i++)
     5     {
     6         s += "<tr>";
     7         for (var j = 1; j <= i; j++)
     8         {
     9             s += "<td>" + i + "*" + j + "=" + i * j + "</td>";
    10         }
    11         s += "</tr>";
    12     }
    13     s += "</table>";
    14     document.getElementById("dcon").innerHTML = s;
    15 }
    View Code

    结果图:

      2.冒泡排序例子:

    HTML代码:

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <title></title>
     6     <script src="js/demo.js"></script>
     7 </head>
     8 <body>
     9     <input type="button" value="我是一个按钮" onclick="MyClick()"/>
    10 </body>
    11 </html>
    View Code

    JS代码:

     1 function MyClick()
     2 {
     3     var aNum = [3, 12, 24, 6, 2, 9, 35, 49, 32, 0];
     4     var temp = 0;
     5     for (var i = 0; i < aNum.length - 1; i++)
     6     {
     7         for (var j = i+1; j < aNum.length; j++)
     8         {
     9             if (aNum[i] > aNum[j])
    10             {
    11                 temp = aNum[i];
    12                 aNum[i] = aNum[j];
    13                 aNum[j] = temp;
    14             }
    15         }    
    16     }
    17     for (var k = 0; k < aNum.length; k++)
    18     {
    19         document.write(aNum[k] + " ");
    20     }
    21 }
    View Code

        使用firebug调试JS代码:按F12调出调试面板,按F9设置断点,F10为单步跳过,F11为单步进入。

      3.函数:function functionName(arg1,arg2,...)

          {

            ...

          }

      4.对象:属性/方法。var aValues = new Array();

      5.Date对象(var myDate = new Date()):

        (1)计算程序执行速度(得到的是毫秒数);

        (2)方法:getFullYear()(返回四位数的年份);getMonth()(返回月份);getDate()(返回日期);getDay()(返回星期几);getHours()(返回小时数);getMinutes()(返回分钟数);getSenconds()(返回秒数);getMillionseconds()(返回毫秒数);getTime()(返回GMT时间)。

      6.Math对象:

        (1)属性:Math.LN10(10的自然对数);Math.LN2(2的自然对数);Math.LOG2E(以2为底E的对数);Math.LOG10E(以10为底E的对数);Math.PI(圆周率);Math.SQRT1_2(1/2的平方根);Math.SQRT2(2的平方根)。

        (2)方法:Math.max()(取最大值);Math.min()(取最小值);Math.ceil()(向上舍入);Math.floor()(向下舍入);Math.round()(四舍五入);Math.random()(0-1之间的随机数),如:var iNum = Math.floor(Math.random()*100+1);--返回1-100之间的整数,包含1和100。

      7.windows对象:

        (1)window.open("http://www.baidu.com","_blank","height=300,width=400,top=30,left=140,resizable=yes");resizable为是否能通过拖动来调整新窗口的大小,默认为yes;scrollable为新窗口是否显示滚动条,默认为no。

        (2)关闭新建的窗口:window.close();

        (3)alert()、prompt()、confirm(),其中confirm("确定删除?"),返回布尔型。----layer,更加好看的弹框设计。

        (4)window.history.go(-1)--浏览器后退一页;window.history.go--浏览器前进一页;window.history.back()--浏览器后退一页;window.history.forward()--浏览器前进一页。

    后记:预习、复习。

  • 相关阅读:
    php 邮件发送开发前期配置
    抛弃传统的curl,使用Guzzle
    TP5.1 分页(带参数传递)
    tp5.1 模型 where多条件查询 like 查询
    xpath 和 jsonpath 解析
    python分布式爬虫框架 --- scrapy-redis
    python爬虫框架——scrapy
    python爬虫 --- urllib
    mysql事务和锁
    mysql数据储存
  • 原文地址:https://www.cnblogs.com/zoe-yan/p/4860718.html
Copyright © 2020-2023  润新知