📜  380 2 - Javascript (1)

📅  最后修改于: 2023-12-03 15:13:08.260000             🧑  作者: Mango

380 2 - Javascript

简介

Javascript 是一种高级的,解释型的、面向对象的编程语言,用于网页开发。它经常与 HTML 和 CSS 一起使用来创建动态的用户界面和交互体验。Javascript 还可以在服务器端和移动端进行开发,从而实现跨平台的应用程序。

基础语法

Javascript 的语法和 C 语言类似,包括变量、运算符、循环和条件语句等。

以下是一个简单的 Javascript 程序,用于输出“Hello, World!”:

console.log("Hello, World!");

变量的声明需要使用关键字 var,赋值则使用等号 =

例如,声明一个变量并赋值为 42:

var answer = 42;

Javascript 支持多种数据类型,包括数字、字符串、布尔值、数组、对象等。

函数

在 Javascript 中,函数是一组可重复使用的代码,用于执行特定的任务。定义一个函数需要使用关键字 function

例如,定义一个函数,用于计算两个数字的和:

function sum(a, b) {
  return a + b;
}

console.log(sum(3, 4)); // 输出 7
DOM 操作

Javascript 可以通过 Document Object Model (DOM) 来访问和操作 HTML 文档的内容和结构。通过 DOM,可以动态地添加、删除或修改 HTML 元素和属性。

例如,下面的代码将会在 HTML 页面上添加一个按钮,并绑定一个点击事件:

<button id="myButton">Click me</button>
<script>
  var button = document.getElementById("myButton");
  button.addEventListener("click", function() {
    alert("Button clicked!");
  });
</script>
jQuery

jQuery 是一个流行的 Javascript 库,用于简化 Javascript 编程的过程。它提供了很多易于使用的函数和方法,可以用来处理 DOM 操作、AJAX 请求、事件处理等。

jQuery 可以通过 CDN (Content Delivery Network) 或下载本地文件来使用。以下是一个简单的例子,用于在按钮点击时隐藏一个元素:

<!DOCTYPE html>
<html>
<head>
  <title>jQuery example</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("#myButton").click(function() {
        $("#myElement").hide();
      });
    });
  </script>
</head>
<body>
  <button id="myButton">Hide element</button>
  <div id="myElement">Hello, World!</div>
</body>
</html>
结论

Javascript 是一种强大而灵活的编程语言,可以用于创建各种类型的程序,从简单的网页脚本到复杂的应用程序。学习 Javascript 可以让您在 Web 开发和移动开发方面更具竞争力。