学习打卡——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声明变量
    ...全文
    12 7 收藏 1
    写回复
    1 条回复
    切换为时间正序
    请发表友善的回复…
    发表回复
    1_Lina 新手村气氛调节师 8天前

    我表示我看不懂,但是我还是看了看👍👍👍

    回复
    相关推荐
    发帖
    编程新手村
    创建于2021-11-01

    6.5w+

    社区成员

    灌水发信息每周送书 灌水发干货每周送惊喜 谁最水过年送大礼 谁最硬核过年送大礼 谁最贡献过年送大礼
    帖子事件
    创建了帖子
    2021-11-24 10:43
    社区公告

    我们“新手村”社区就是大家的孵化器

    你们学习,我来评分

    每周最高分送一本书

    每月第四周送一份机械键盘

    咱们新手村使用一切狂暴手段让优秀的人得到奖励