CSS：用来定义样式 (网站的外观：字体大小、背景颜色)script 标签不用再写 type，网站已经默认 script 标签为 JavaScriptJavaScript 文件的引用应该放在 body 标签最后执行 document.querySelectir()：用来查找元素 ( 元素选择器)getAttribute: 只能得到默认值, 而不是得到当前的值
var log = function() {
console.log.apply(console, arguments)
}
// 元素选择器
var body = document.querySelector(‘body’)
// class 选择器, 用的是 . 类名
var form = document.querySelector(‘.login-form’)
// id 选择器, 用的是 #id
var loginButton = document.querySelector(‘#id-button-login’)
// 获取特定属性值
var user = document.querySelector(‘#id-input-username’)
var userValue = user.getAttribute(‘value’)
log(‘user value’, userValue)
// 不存在的属性会返回 null, 它在 js 中代表不存在
log(‘ 没有的属性 ’, user.getAttribute(‘ 不存在 ’))