《JavaScript入门经典(第6版)》——第1章 JavaScript简介 1.1 Web脚本编程基础

简介: 本节书摘来自异步社区《JavaScript入门经典(第6版)》一书中的第1章,第1.1节, 作者: 【美】 Phil Ballard 译者:李 军陈冀康,更多章节内容可以访问云栖社区“异步社区”公众号查看。

本节书摘来自异步社区《JavaScript入门经典(第6版)》一书中的第1章,第1.1节, 作者: 【美】 Phil Ballard 译者:李 军陈冀康,更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1章 JavaScript简介

JavaScript入门经典(第6版)
本章主要内容包括:

服务器端和客户端编程
JavaScript如何改善Web页面
JavaScript的历史
文档对象模型(DOM)基础知识
window和document对象
如何使用JavaScript给Web页面添加内容
如何利用对话框提示用户
与只有文本内容的祖先相比,现代的Web几乎是完全不同的,它包含了声音、视频、动画、交互导航等很多元素,而JavaScript对于实现这些功能扮演了非常重要的角色。

在第1章中,我们将简要介绍JavaScript,回顾它的发展历史,展示它如何能够改善Web页面,读者还会直接开始编写一些实用的JavaScript代码。

1.1 Web脚本编程基础

阅读本书的读者很可能已经熟练使用万维网,而且对于使用某种HTML编写Web页面有一些基本的理解。

HTML(Hypertext Markup Language)不是编程语言(如其名所示),而是一款标签语言,用于标记页面的各个部分在浏览器里以何种方式展现,比如加粗或斜体字,或是作为标题,或是项目列表,或是数据表格,或是其他的标记方式。

一旦编写完成,这些页面的本质就决定了它们是静态的。它们不能对用户操作做出响应,不能进行判断,不能调整页面元素显示。无论用户何时访问这些页面,其中的标签都会以相同的方式进行解析和显示。

根据使用万维网的经验,我们知道网站可以做的事情要多得多。我们时常访问的页面基本上都不是静态的,它们能够包含“活”的数据,比如能够分享商品价格或航班到达时间,字体和颜色带有动画显示,或是具有单击浏览相册或排序数据列表这样的功能。

这些灵活的功能是通过程序(通常称为“脚本”)来实现的,它们在后台运行,操纵着浏览器显示的内容。

说明:“脚本”这个术语显然来自于话剧和电视领域,其中所用的脚本决定了演员或主持人要做的事情。对于Web页面来说,主角是页面上的元素,而脚本是由某种脚本语言(比如JavaScript)生成的。对于本书描述的内容来说,“程序”与“脚本”两个术语基本上是可以通用的。在本书中,两个术语都会用到。

相关文章
|
3天前
|
前端开发 JavaScript 安全
JavaScript进阶-JavaScript库与框架简介
【7月更文挑战第11天】JavaScript库和框架加速Web开发,但也带来挑战。选择适合项目、团队技能的库或框架,如React、Angular、Vue,是关键。保持依赖更新,注意性能优化,避免过度依赖。遵循最佳实践,确保安全性,如防XSS和CSRF。学习基础,结合代码示例(如React计数器组件),提升开发效率和应用质量。
|
9天前
|
资源调度 JavaScript 前端开发
JavaScript进阶 - JavaScript库与框架简介
【7月更文挑战第5天】JavaScript库和框架构成了前端开发的核心,如jQuery简化DOM操作,Angular、React和Vue提供全面解决方案。选择时要明确需求,避免过度工程化和陡峭学习曲线。使用版本管理工具确保兼容性,持续学习以适应技术变化。示例展示了jQuery和React的简单应用。正确选择和使用这些工具,能提升开发效率并创造优秀Web应用。
|
10天前
|
缓存 JavaScript 前端开发
JavaScript进阶 - Web Workers与Service Worker
【7月更文挑战第4天】JavaScript的Web Workers和Service Worker增强了Web性能。Web Workers处理后台多线程,减轻主线程负担,但通信有开销,受同源策略限制。Service Worker则用于离线缓存和推送通知,需管理其生命周期、更新策略,并确保安全。两者都带来了挑战,但也极大提升了用户体验。通过理解和优化,开发者能构建更高效、安全的Web应用。
|
12天前
|
监控 JavaScript 前端开发
前端 JS 经典:Web 性能指标
前端 JS 经典:Web 性能指标
12 1
|
13天前
|
JavaScript 前端开发
JavaScript 简介
【7月更文挑战第1天】JavaScript 简介。
17 1
|
17天前
|
JSON JavaScript 前端开发
JavaScript 简介
JavaScript 简介
12 1
|
4天前
|
存储 JavaScript 前端开发
WEB三大主流框架之Vue.js
WEB三大主流框架之Vue.js
|
4天前
|
缓存 前端开发 JavaScript
JavaScript进阶 - Web Workers与Service Worker
【7月更文挑战第10天】在Web开发中,Web Workers和Service Worker提升性能。Workers运行后台任务,防止界面冻结。Web Workers处理计算密集型任务,Service Worker则缓存资源实现离线支持。常见问题包括通信故障、资源限制、注册错误及缓存更新。通过示例代码展示了两者用法,并强调生命周期管理和错误处理的重要性。善用这些技术,可构建高性能的Web应用。
|
27天前
|
JavaScript 应用服务中间件 Apache
Node.js Web 模块
Node.js Web 模块
18 2
|
8天前
|
缓存 JavaScript 前端开发
JavaScript进阶 - Web Workers与Service Worker
【7月更文挑战第6天】JavaScript的Web Workers和Service Worker增强了浏览器的性能处理和离线功能。Web Workers处理后台计算,减轻主线程压力,但通信有开销,受同源策略限制。Service Worker则能拦截网络请求,支持离线缓存和推送通知,但其生命周期和权限管理需谨慎处理。通过理解它们的工作原理和限制,开发者能创建更流畅、更健壮的Web应用。