• 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()--浏览器前进一页。

    后记:预习、复习。

  • 相关阅读:
    ios xib或storyBoard的那些小方法
    ios pod库更新到1.0或1.0.1之正确修改podfile文件
    ios UILabel在storyBoard或xib中如何在每行文字不显示完就换行
    ios NSThred多线程简单使用
    Xcode升级插件失效,与添加插件不小心点击Skip Bundle解决办法
    ios app打ipa包
    极光推送碰到的问题
    ios 更新约束
    ios 缺少合规证明
    Path Sum II
  • 原文地址:https://www.cnblogs.com/zoe-yan/p/4860718.html
Copyright © 2020-2023  润新知