JS学习中的细节

------------恢复内容开始------------

输出

• 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 ;的效果是一样的

折行：

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

　　document.write("hello\
　　world!");

　　不过，不能像这样折行：

　　document.write \
　　("hello，world!");

未申明：

• 当一个变量只定义不申明时，值为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