• JavaScript学习笔记整理


    <script></script>写在<head></head>或者<body></body>中效果一样。一般写在head中或者集中在body底部或者单独创建js文件,此时使用时需要引用。

    一.JavaScript输出:

    1.document.getElementById("123").innerHTML="456";

    2.document.write("<button>nihao</button>");

       2.1请使用 document.write() 仅仅向文档输出写内容。

            如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖,如执行下方“糟糕,文档消失了”函数;

    3.function{……}需要调用;否则直接执行,如:

    <script>
    document.write("<p>My First JavaScript</p>");
    </scrip>

    <script>
    function myFunction()
    {
    document.write("糟糕!文档消失了。");
    }
    </script>

    二.JavaScript语句

    JavaScript对大小写敏感,会自动忽略多余的空格,可以使用反斜杠对文本进行换行。

    var name="Hello";
    var name = "Hello";
    上述代码等效。

    document.write("Hello
    World!");(正确)
    document.write 
    ("Hello World!");(错误)

    三.JavaScript注释

        //单行注释

       /* */文本块注释 (多行注释)

    四.JavaScript变量、数据类型及对象

     1.var 变量名(“字母、$、_”开头)=222;

      var 变量名(“字母、$、_”开头)=“fdfd”;

        var 变量名(“字母、$、_”开头)=‘fdfdfd’;

        var 变量名(“字母、$、_”开头)=true/false;//布尔类型

        var 变量名(“字母、$、_”开头)=null;

     var cars=new Array();
     cars[0]="Audi";
     cars[1]="BMW";
     cars[2]="Volvo";        //数组
     var person={firstname:"Bill", lastname:"Gates", id:5566};                //对象

        document.write(person.lastname + "<br />");
        document.write(person["lastname"] + "<br />");           //这两种写法等效

        上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

     2.当声明新变量时,可以使用关键词 "new" 来声明其类型:

     var carname=new String;
     var x=      new Number;
     var y=      new Boolean;
     var cars=   new Array;
     var person= new Object;

     3.JavaScript的变量拥有很多内建方法,如“fdfd”.length()==4等。另外,对象可以自行添加属性和方法。

    五.JavaScript函数

      1.调用带参数的函数

    <button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
    
    <script>
    function myFunction(name,job)
    {
    alert("Welcome " + name + ", the " + job);
    }
    </script>

     2.调用带有返回值的函数

    function myFunction()
    {
    var x=5;
    return x;
    }
    

      上面的函数会返回值 5。

       注释:整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。

     3.上述两种的结合

       <body>

       <p id="demo"></p>

       <script>
       function myFunction(a,b)
      {
           return a*b;
       }

       document.getElementById("demo").innerHTML=myFunction(4,3);
       </script>

       </body>

       结果:12

     4.在仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

    function myFunction(a,b)
    {
    if (a>b)
      {
      return;
      }
    x=a+b
    }      //如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。

     5.在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

    六.JavaScript运算符

        JavaScript运算符和java相同,需要注意的是:

        1.x=5+"5";

          document.write(x);     //结果是55,如果把数字与字符串相加,结果将成为字符串。

        2.==等于;===全等(值和类型)。

    七.break和continue

        break 语句可用于跳出循环。

        continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。

        该例子跳过了值 3:

     for (i=0;i<=10;i++)
     {
     if (i==3) continue;
      x=x + "The number is " + i + "<br>";
     }
    
    
    
    
    
  • 相关阅读:
    Cookie存储在哪里
    save the transient instance before flushing错误解决办法
    hibernate中简单的增删改查
    hibernate中get和load的区别
    使用Linux命令修改数据库密码
    配置solrcloud
    如何确定Redis集群中各个节点的主从关系
    解决Eclipse Debug 断点调试的source not found问题
    .NET框架
    ORM框架
  • 原文地址:https://www.cnblogs.com/jixiegongdi/p/5446582.html
Copyright © 2020-2023  润新知