JavaScript

最新推荐文章于 2025-05-28 19:34:53 发布

&可乐

最新推荐文章于 2025-05-28 19:34:53 发布

阅读量190

点赞数

分类专栏： javaweb 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_45860824/article/details/121602862

版权

javaweb 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了JavaScript，一种用于实现网页动态功能的编程语言。JavaScript包含变量操作、字符串处理、事件响应等功能，并通过API提供额外的能力。浏览器API允许操作HTML、获取地理位置信息以及多媒体处理等，而第三方API则能集成如社交媒体和地图服务。JavaScript通过元素添加到HTML页面，与HTML和CSS协同工作，确保网页正确呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript

定义

JavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单
的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。
它是标准 Web 技术蛋糕的第三层
HTML 和 CSS 、JavaScript这三层依次建立，秩序井然。

举个例子

在这里插入图片描述

先创建HTML层

 <p>玩家1：小明</p>

图示：
在这里插入图片描述
在css修饰

p {font-family: sans-serif, '黑体';
    letter-spacing: 1px; text-transform: uppercase;
    text-align: center;
    border: 2px solid rgba(0, 0, 200, 0.6);
    background: rgba(0, 0, 200, 0.3);
    color: rgba(0, 0, 200, 0.6);
    box-shadow: 1px 1px 2px rgba(0, 0, 200, 0.4);
    border-radius: 10px;
    padding: 3px 10px;
    display: inline-block; cursor: pointer; }

在这里插入图片描述
最后加入js代码实现动态界面。

const para = document.querySelector('p');
 para.addEventListener('click', updateName);
  function updateName() { let name = prompt('输入一个新的名字：');
   para.textContent = '玩家1：' + name; }

在这里插入图片描述

高级用法

客户端（client-side）JavaScript 语言的核心包含一些普遍的编程特性，以让你可以做到如下的事情：
1.在变量中储存有用的值。比如上文的示例中，我们请求客户输入一个新名字，然后将其储存到
name 变量中。
2.操作一段文本（在编程中称为“字符串”（string））。上文的示例中，我们取字符串 “玩家1：”，然
后把它和 name 变量连结起来，创造出完整的文本标签，比如：“玩家1：小明”。
3.运行代码以响应网页中发生的特定事件。上文的示例中，我们用一个 click 事件来检测按钮什么
时候被点击，然后运行代码更新文本标签。
4.以及更多！
JavaScript 语言核心之上所构建的功能更令人兴奋。应用程序接口（Application Programming
Interfaces（API））将为你的代码提供额外的超能力。
API 是已经建立好的一套代码组件，可以让开发者实现原本很难甚至无法实现的程序。

API 通常分为两类。

1.浏览器 API：内建于 web 浏览器中，它们可以将数据从周边计算机环境中筛选出来，还可以做实用的复杂工作。例如：
（1）能通过创建、移除和修改 HTML，为页面动态应用新样式等手段来操作 HTML 和 CSS。比如当某个页面出现了一个弹窗，或者显示了一些新内容（像上面小明那样），这就是 DOM 在运行。

（2）获取地理信息。这就是为什么谷歌地图可以找到你的位置，而且标示在地图上。
参考文档
（3）API 可以创建生动的 2D 和 3D 图像。
参考
（4）让你可以利用多媒体做一些非常有趣的事，比如在网页中直接播放音乐和影片，或用自己的网络摄像头获取录像，然后在其他人的电脑上展示。
影音API

2.第三方 API:并没有默认嵌入浏览器中，一般要从网上取得它们的代码和信息。比如：
(1)Twitter API、新浪微博 API 可以在网站上展示最新推文之类。
(2)谷歌地图 API、高德地图 API 可以在网站嵌入定制的地图等等.

执行过程

1.浏览器在读取一个网页时，代码（HTML, CSS 和 JavaScript）将在一个运行环境（浏览器标签页）中得到执行。就像一间工厂，将原材料（代码）加工为一件产品（网页）。
2.在 HTML 和 CSS 集合组装成一个网页后，浏览器的 JavaScript 引擎将执行 JavaScript 代码。这保证了当JavaScript 开始运行之前，网页的结构和样式已经就位。
3.JavaScript 最普遍的用处是通过 DOM API（见上文）动态修改 HTML 和 CSS 来更新用户界面（user interface）。如果 JavaScript 在 HTML 和 CSS 就位之前加载运行，就会引发错误。