JavaScript_Day3

classList操作元素属性

//追加一个类
元素.classList.add('类名')

//删除一个类
元素.classList.remove('类名')

//切换一个类
元素.classList.toggle('类名')

操作表单元素属性

获取：DOM对象.属性值

设置：DOM对象.属性值=新值

模板字符串

在没有模板字符串之前，要拼接变量比较麻烦

let uname = prompt("请输入你的姓名")
let age = prompt("请输入你的年龄")

document.write("我叫"+uname+"我今年"+age+"岁了")

模板字符串：

使用场景：拼接字符串和变量

语法：``反引号包住整句话，${ }包住变量。

let uname = prompt("请输入你的姓名")
let age = prompt("请输入你的年龄")

document.write(`我叫${uname}，我今年${age}岁了`)

函数

函数的声明方法：

function  函数名（）{
     函数体
}

函数命名规范：

动词	含义
can	判断是否可执行某个动作
has	判断是否含某个值
is	判断是否为某个值
get	获取某个值
set	设置某个值
load	加载某些数据

间歇函数

格式：

setInterval(函数名/匿名函数，间隔时间))

使用案例：

一秒打印一个“Hello World”

  setInterval(function(){
       console.log("Hello World");
     }, 1000);

函数名不需要加() 

function fn(){
      console.log("Hello World");
    }
    setInterval(fn, 1000);  fn不需要加()

定时器返回的是一个id

关闭定时器：clearInterval(n)

关掉定时器
   function fn(){
     console.log("Hello World");
   }
   let n = setInterval(fn, 1000); 
   clearInterval(n)

盒子的隐藏

display:none          系统将自动隐藏盒子