AI智能
改变未来

web前端开发笔记——JavaScript(3)


学JavaScript的第三天

JavaScript 能够以不同方式“显示”数据:

  • window.alert() 写入警告框
  • document.write()写入html输出
  • innerHTML写入html元素
  • console.log() 写入浏览器控制台
<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>inner HTML</title></head><body><p>document.write()在html文档完全加载后删除已有的html</p><button type=\"button\" onclick=\"document.write(5 + 6)\">点击运行document.write()</button><p id=\"demo\"></p><script>document.getElementById(\"demo\").innerHTML=5+6;document.write(5+5);window.alert(1+2);console.log(9+9);</script><p>console.log()需通过f12找到控制台查看运行结果</p></body></html>

window.alert()

运行document.write()后

通过f12打开控制台

语句语法

<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>console.log()</title></head><body><p>打开控制台查看结果</p><script>a=5;b=6;c=a*b;console.log(c);</script></body></html>

var语句用于声明变量并可以赋值

<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>var语句</title></head><body><p id=\"demo\"></p><p id=\"demo2\"></p><script>var a=\"hello javascript\";document.getElementById(\"demo\").innerHTML=a;var x,y,z;x=20;y=30;z=x+y;document.getElementById(\"demo2\").innerHTML=\"z的值为:\"+z;</script></body></html>

JavaScript同样大小写敏感,JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写,JavaScript 中不能使用连字符。它是为减法预留的。但可以使用下划线达到同样的效果。

正确书写格式:first_name  ,one_game, myDog , firstProject

语句

语句 作用
break 跳出循环
continue 跳出循环并重顶端开始,用于迭代
for 循环语句,在执行语句为true时,一直重复代码块
for… in 用于遍历数组或者对象属性的循环
do… while 执行一个语句块,在条件语句为 true 时继续执行该语句块。
if … else 根据某个条件,执行不同的语句块
switch 用于基于不同的条件来执行不同的动作。
catch 在 try 语句块执行出错时执行 catch 语句块。
try 实现错误处理,与 catch 一同使用。
throw 抛出(生成)错误 。
function 定义一个函数
return 退出函数。
var -声明一个变量
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » web前端开发笔记——JavaScript(3)