JavaScript 基础

JavaScript 是一门编程语言,可为网站添加交互功能(例如:游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等)。

JavaScript 到底是什么?

JavaScript(缩写:JS)是一门完备的 动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。由布兰登·艾克(Brendan Eich,Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人)发明。

JavaScript 的应用场合极其广泛,简单到幻灯片、照片库、浮动布局和响应按钮点击,复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。

JavaScript 相当简洁,却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具,可以使 开发工作事半功倍。其中包括:

  • 浏览器应用程序接口(API)—— 浏览器内置的 API 提供了丰富的功能,比如:动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等等。
  • 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者(Twitter、Facebook 等)提供的功能。
  • 第三方框架和库 —— 用来快速构建网站和应用。

下面对语言核心做一个不完整介绍,期间还可以接触到一些浏览器 API 特性。

“Hello World!”示例

首先,来看看如何在页面中添加一些基本的 JavaScript 脚本来建造一个“Hello world!”示例(一切始于 Hello World)。

  1. 首先,打开你的测试站点,创建一个名为 scripts 的文件夹。然后在其中创建一个名为 main.js 的文件。
  2. 下一步,在 index.html 文件 标签前的新行添加以下代码。
  3. 与 CSS 的  元素类似,它将 JavaScript 引入页面以作用于 HTML(以及 CSS 等页面上所有内容):
  4. 现在将以下代码添加到 main.js 文件中:
    let myHeading = document.querySelector('h1');
    myHeading.textContent = 'Hello world!';
    
  5. 最后,保存 HTML 和 JavaScript 文件,用浏览器打开 index.html。可以看到如下内容:

JavaScript 基础_第1张图片

备注: 我们将 

你可能感兴趣的:(学习痕迹,javascript)