您的位置:首页 > Web前端 > JavaScript

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

2020-08-07 11:49 861 查看

学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 -声明一个变量
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐