📌  相关文章
📜  ecrire dans html js - Javascript (1)

📅  最后修改于: 2023-12-03 14:40:56.532000             🧑  作者: Mango

编写 HTML 和 JavaScript 的主题介绍

HTML 和 JavaScript 是前端开发中最常用的两种语言之一。HTML（超文本标记语言）用于创建网页的结构和内容，而JavaScript 是一种用于交互式和动态效果的脚本语言。

HTML 基础

HTML 使用标记语言的形式来描述网页结构。它由一系列的标签组成，用于定义文档的不同部分。以下是一些常见的 HTML 标签：

  • <html>：用于定义整个 HTML 文档。
  • <head>：定义文档的头部，包含页面的标题和其他元数据。
  • <body>：定义文档的主体，包含实际显示在页面上的内容。
  • <div>：用于组织和存储其他 HTML 元素。
  • <p>：定义一个段落。
  • <a>：定义一个链接。
  • <img>：用于插入图像。
JavaScript 基础

JavaScript 是一种解释型的编程语言，用于为网页添加交互和动态效果。以下是一些 JavaScript 的基础概念：

  • 变量声明：使用 var、let 或 const 来声明变量，并赋予其一个值。
  • 数据类型：包括字符串、数值、布尔值、数组和对象等。
  • 运算符：用于进行数学计算和逻辑操作。
  • 控制流语句：如 if、for 和 while，用于控制程序的执行流程。
  • 函数：用于封装可重复使用的代码块。
示例代码

下面是一个简单的示例代码，展示了如何在 HTML 中使用 JavaScript：

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript 示例</title>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  
  <button id="myButton">点击我！</button>
  
  <script>
    // 通过 ID 获取按钮元素
    var button = document.getElementById("myButton");
    
    // 添加点击事件处理程序
    button.addEventListener("click", function() {
      alert("你点击了按钮！");
    });
  </script>
</body>
</html>

以上代码中，通过 JavaScript 获取了一个按钮元素，并为其添加了一个点击事件处理程序。当按钮被点击时，将弹出一个提示框显示一条消息。

希望以上内容对你有所帮助！