JS学习中的细节

来自之前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