shell编程
全部
python语言
C/C++语言
Java语言
小程序/HTML/JS/前端
无代码（低代码）
学习打卡
闲聊灌水（过来聊天随便发啥）
pdf/软件大全
博文收录
Ada助手

学习打卡——JavaScript第二天

Tryharder1028 2021-11-24 10:43:41

JavaScript输出

JavaScript不提供任何内建的打印或显示函数

JavaScript显示方案

使用 window.alert() 写入警告框
使用 document.write() 写入HTML输出
使用 innerHTML 写入HTML元素
使用 console.log() 写入浏览器控制台

使用innerHTML

访问 HTML元素 JavaScript可使用 document.getElementById(id)

id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容：


<!DOCTYPE html>
<html>
<body>
 
<h1>我的第一张网页</h1>
 
<p>我的第一个段落</p>
 
<p id="demo"></p>
 
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
 
</body>
</html>

使用 documet.write()

使用 document.write()比较方便


<!DOCTYPE html>
<html>
<body>
 
<h1>我的第一张网页</h1>
 
<p>我的第一个段落 </p>
<script>
document.write(5+ 6);
</script>
 
</body>
</html>

使用 window.alert()

您能够使用警告框来显示数据：


<!DOCTYPE html>
<html>
<body>
 
<h1>我的第一张网页</h1>
 
<p>我的第一个段落</p>
 
<script>
window.alert(5 + 6);
</script>
 
</body>
</html>

JavaScript 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”


var x, y, z;	// 语句 1
x = 22;		// 语句 2
y = 11;		// 语句 3
z = x + y;	// 语句 4

JavaScript 程序

计算机程序 是由计算机“执行”的一系列“指令”

在编程语言中，这些编程指令被称为语句。

JavaScript 程序 就是一系列的编程语句。

JavaScript语句

语句构成：

值，运算符，表达式，关键字和注释。

document.getElementById("demo").innerHTML = "Hello Kitty.";    //这条语句告诉浏览器在 id="demo"的HTML元素中输出 "Hello Kitty."

分号;

分号分隔JavaScript语句


a = 5;
b = 6;
c = a + b;

JavaScript代码块

JavaScript 语句可以用花括号（{...}）组合在代码块中。
代码块的作用是定义一同执行的语句


function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

JavaScript关键词

JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作

关键词	描述
break	终止 switch或循环
continue	跳出循环并在顶端开始
debugger	停止执行 JavaScript 并调用调试函数（如果可用）
do ... while	执行语句块，并在条件为真时重复代码块
for	标记需被执行的语句块，只要条件为真
function	声明函数
if...else	标记需被执行的语句块，根据某个条件
return	退出函数
switch	标记需被执行的语句块，根据不同的情况
try ... catch	对语句块实现错误处理
var	声明变量