JavaScript初识

最新推荐文章于 2024-05-17 13:52:13 发布

嗯嗯=

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量37

点赞数

文章标签： javascript 算法开发语言

本文链接：https://blog.csdn.net/qq_64867440/article/details/134129816

版权

一.运行效果

二.代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script>
			// 定义水果价格表
			    const fruitPrices = {
			      "苹果": 5.0,
			      "香蕉": 2.5,
			      "橙子": 3.0,
			      "葡萄": 8.0,
			      "西瓜": 10.0
			    };
			
			    // 获取用户输入并查询价格
			    const fruitName = prompt("请输入水果名称");
			    if (fruitName in fruitPrices) {
			      alert(`${fruitName}的价格是${fruitPrices[fruitName]}元/斤`);
			    } else {
			      alert(`对不起，我们没有${fruitName}`);
			    }
			  </script>
	</body>
</html>

三.相关知识点

3.1 const

const 是 JavaScript 中的一个关键字，用于声明一个常量（constant）。

使用 const 声明的变量无法被重新赋值，也不能在函数内部重新声明。这意味着 const 变量是只读的，它们的值在声明之后就不能被改变。

需要注意的是，使用 const 声明的变量并不意味着它们是不可变的，只是说它们的值不能被重新赋值。如果一个常量是一个对象，那么对象的属性是可以被修改的。

3.2 promt

prompt() 是 JavaScript 中的一个函数，用于在浏览器中弹出一个对话框，提示用户输入一些文本。

prompt() 函数接受一个字符串作为参数，作为对话框的提示文本。当用户点击确定按钮时，prompt() 函数会返回用户输入的文本。如果用户点击取消按钮，则返回 null。

3.3 alert

alert() 是 JavaScript 中的一个函数，用于在浏览器中弹出一个对话框，向用户显示一些信息。

alert() 函数接受一个字符串作为参数，作为对话框中要显示的文本。当用户点击确定按钮时，对话框会关闭

3.4 在 HTML 中写 JavaScript

在 HTML 中写 JavaScript 有三种方法：

内联方式：在 HTML 代码中直接嵌入 JS 代码，使用 <script> 标签。

<html>
  <head>
    <title>内联方式</title>
  </head>
  <body>
    <h1>这是一个内联方式的示例</h1>
    <script>
      // JS 代码
      alert('Hello, World!');
    </script>
  </body>
</html>

内部文件方式：将 JS 代码保存在一个独立的文件中，使用 <script> 标签在 HTML 文件中引用。

<html>
  <head>
    <title>内部文件方式</title>
    <script src="script.js"></script>
  </head>
  <body>
    <h1>这是一个内部文件方式的示例</h1>
  </body>
</html>

外部文件方式：将 JS 代码保存在一个外部的文件中，通过链接使用。

<html>
  <head>
    <title>外部文件方式</title>
  </head>
  <body>
    <h1>这是一个外部文件方式的示例</h1>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  </body>
</html>

嗯嗯=

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript初识

声明的变量并不意味着它们是不可变的，只是说它们的值不能被重新赋值。如果一个常量是一个对象，那么对象的属性是可以被修改的。是 JavaScript 中的一个函数，用于在浏览器中弹出一个对话框，提示用户输入一些文本。是 JavaScript 中的一个函数，用于在浏览器中弹出一个对话框，向用户显示一些信息。外部文件方式：将 JS 代码保存在一个外部的文件中，通过链接使用。函数会返回用户输入的文本。内部文件方式：将 JS 代码保存在一个独立的文件中，使用。变量是只读的，它们的值在声明之后就不能被改变。
复制链接

扫一扫