Java Script示例 - Javascript

Javascript是一种动态编程语言，通常用于在Web浏览器中编写客户端脚本。它可以与HTML和CSS结合使用，使网页变得更加动态和交互性。下面我们来看几个Javascript示例。

示例1 - 输出Hello World!

console.log("Hello World!");

上面的代码会在浏览器控制台中输出"Hello World!"。它使用了Javascript内置的"console"对象，调用其中的"log"方法来输出文本。

示例2 - 创建一个函数

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Alice");
greet("Bob");

这个例子定义了一个名为"greet"的函数，该函数可以接收一个名字作为参数，并显示一条问候消息。然后我们调用这个函数两次，每次传入不同的名字。函数可以帮助我们写出简洁的代码，实现重复使用的逻辑。

示例3 - 处理用户交互

<button onclick="alert('Hello World!')">Click Me!</button>

这段代码在网页中创建了一个按钮，并为其添加了一个onclick事件处理程序。当用户单击按钮时，Javascript会执行其中的代码，并弹出一个提示框显示文本"Hello World!"。

示例4 - 验证用户输入

<form>
  <input type="text" id="email">
  <input type="submit" onclick="validateEmail(event)">
</form>

<script>
function validateEmail(event) {
  event.preventDefault();
  var email = document.getElementById("email").value;
  if (/\S+@\S+\.\S+/.test(email)) {
    alert("Valid email address!");
  } else {
    alert("Please enter a valid email address.");
  }
}
</script>

这个例子创建了一个表单，其中包含一个文本框和一个提交按钮。然后我们定义了一个名为"validateEmail"的函数，该函数会在用户提交表单时被调用。该函数会获取用户在文本框中输入的电子邮件地址，并检查它是否符合一定的格式。如果是，则显示一条成功消息；否则，则显示一条错误消息。函数还通过调用"preventDefault"方法来阻止表单的默认提交行为，从而避免浏览器刷新页面。

以上就是一些简单的Javascript示例，希望这些示例可以帮助你更好地理解和使用Javascript。