前端入门知识:JS-1

这一篇我们来学习javascript。那么JS都可以做到什么呢？通俗来讲就是让你的页面更加的美观，更具有交互性。

JS中三种定义变量的方式有const、 var、 let。他们的的区别在于const定义的变量不可以修改，而且必须初始化。var定义的变量可以修改，如果不初始化会输出undefined，不会报错。let是块级作用域，函数内部使用let定义后，对函数外部无影响。用法是const（或var、 let）name = "Kingsley"。接下来我们就要将当前文档中一个指定id的元素赋值给变量了：const start = document.getElementById('start')。

document字面翻译是文档，并且在JS就是文档的意思，就一当前网页(文档)对象。 当前网页里所有元素(对象)全部都在document中。通过调用document，我们可以操作页面的任何一个元素。常用的有

document.write() //动态向页面写入内容

document.createElement(Tag) //创建一个html标签对象

document.getElementById(ID) //获得指定ID值的对象

document.getElementsByTagName(TagName) //获得指定标签的对象

document.getElementsByName(Name) //获得指定Name值的对象

JS函数（function）的定义和使用

定义函数示例代码：function sayHello(name){document.write("Hello " + name);}JS 函数声明需要以 function 关键字开头，之后为要创建的函数名称，function 关键字与函数名称之间使用空格分开，函数名之后为一个括号( )，括号中用来定义函数中要使用的参数（多个参数之间使用逗号,分隔开），花括号{ }中用来定义函数的函数体（即实现函数的代码）。定义好函数，我们就可以在当前文档的任意位置来调用它。调用函数非常简单，只需要函数名后面加上一个括号即可，即sayHello('SB');则输出为HelloSB。函数表达式与声明变量非常相似，是另外一种声明函数的形式，示例var sb = function name(参数){代码}。