JS学习中的细节
This_is_Y Lv6

来自之前cnblog的博客
源地址:https://www.cnblogs.com/This-is-Y/p/12215067.html

————恢复内容开始————

输出

  • document.getElementById(“id_name”).innerHTML=”输出内容”;

  这种是通过找到该id得元素进行修改,达到输出的目的。

  • document.write(“html代码”);

  从内容就可以知道这是直接写一段html代码到当前html文档中

  • console.log(“内容”);

  这是输出到浏览器控制台,前端不可见。按F12到console查看,代码出错的时候,还会有报错信息。

大小写

  • js对大小写严格,getELementById和GETelementbyid是不一样的(写成后面这样子前端不会报错,但是代码不会工作,控制台里会给错误信息)。同样,变量名也如此

字符串拼接

  • 字符串用单引号或者双引号包起来,可以使用加号拼接,当字符串与数字用加号拼接时,数字作为字符串处理
    var a = 1;
    var b = 3;
    var t1 = "python ";
    var t2 = "is ";
    var t3 = "best ";
    document.getElementById("t2").innerHTML=a+b;    //4
    document.getElementById("t3").innerHTML=t1+t2+t3;   //python is best
    document.getElementById("t4").innerHTML=t1+a+" "+t3;   //python 1 best
    ……………………
    
    (省略部分代码)
    
    <h1 id = "t2">javascript_2</h1>
    <h1 id = "t3">javascript_3</h1>
    <h1 id = "t4">javascript_4</h1>
  •  

    关键字:

    • 定义变量 :var
    • 其他都大同小异,for ,for in ,switch,throw,break,continue,什么什么的

    空格:

      可以和python一样,随意加入空格,如a=b+c;与a = b + c ;的效果是一样的

    折行:

    • 可以在文本字符串中使用反斜杠对代码行进行换行。如:

      不过,不能像这样折行:

    未申明:

  • 当一个变量只定义不申明时,值为undefined,如
    var empty;
    document.getElementById("t5").innerHTML=empty;     //undefined

     

  • 当一个变量多次申明时,取最新的,如
    var muti="123";
    var muti="456"
    document.getElementById("t6").innerHTML=muti;   //456

    但是如果未声明,则不影响

    var muti="123";
    var muti;
    document.getElementById("t6").innerHTML=muti;   //123
  •  关于this:

  • js中也有类似于java中的this,食用方法如下
    <button  onclick="this.innerHTML=Date()">获取当前时间</button>

     

  • if语句:

  • 使用**variablename**=(**condition**)?**value1**:**value2** 来缩短代码量,使用如下
    voteable=(age<18)?"年龄太小":"年龄已达到";
  • 可以只有if,不接else。如
    if (time<20)
    {
        x="Good day";
    }
  • - js也有else if
     Comments