《JavaScript设计与开发新思维》——2.7 小结

2.7 小结

在本章中,你学习了:

  • DOCTYPE和浏览器模式;
  • HTML5的新表单元素和新表单属性;
  • 在HTML中使用script元素嵌入JavaScript。

在学习中你还了解了用作本书所有HTML页面基础的HTML5模板。

本章的主要部分使用现实世界中的代码,介绍了一个具体的例子:验证提交的登录表单。你学习了事件处理、创建自定义函数以及通过document.getElementById()引用页面元素的基础知识。如果在后续章节中学习新知识时对这些基础元素感到混淆,可以回过头来看看这个例子。

更进一步,我还建议你:

  • 在你的HTML代码中小心对待文件路径(绝对和相对路径);
  • 记得在form开始标记添加novalidate属性,以便让JavaScript代码能够在浏览器中施展其功用,而不是用HTML5进行验证;
  • 牢记无干扰JavaScript、渐进增强和对象检测方法。
时间: 2024-10-06 23:56:32

《JavaScript设计与开发新思维》——2.7 小结的相关文章

《JavaScript设计与开发新思维》——2.2 HTML5入门

2.2 HTML5入门 我写这本书的时候已经临近2012年,HTML5是一个奇妙的东西,它已经以某种形式存在了数年,但是不久之前XHTML2.0停止发展之后,HTML5才成为了Web开发的事实标准.HTML5还没有正式地标准化和发布,这意味着不管何时出现HTML5的最终实现方案,无疑都会与现在讨论的HTML5不同.通常,由于Web浏览器普遍存在而又多变,明智的人应该避开这类新事物.但是你可以采取许多方法,在两个方面上都得到最大的益处:使用一些HTML5特性,而又不破坏用户的体验.我们首先来看一个

《JavaScript设计与开发新思维》——导读

前言 JavaScript是当今使用最广泛的编程语言之一,可以在几乎所有网页(在所有新的网页)上找到.过去的10年,在经济变化和JavaScript使用方式的扩展之间,越来越多的Web开发人员和设计人员希望了解这种语言.具有讽刺意味的是,在这些事实面前,还有少数人对JavaScript是不是一种真正的编程语言表示怀疑.而且,许多书籍仍然用传统的方式介绍JavaScript,把它当作一种用来实现零散的花招和消遣的技术. 编写本书的目的就是要解决这些问题,以一种容易理解的方式,介绍JavaScrip

《JavaScript设计与开发新思维》——1.6 JavaScript版本和浏览器支持

1.6 JavaScript版本和浏览器支持 我们已经说明过,JavaScript的核心来自于ECMAScript,ECMAScript在2009年推出了最新的第5版.JavaScript的当前版本是基于ECMAScript 5的1.8.5版本,于2010年7月推出.但是在JavaScript中编程时,版本的问题不如"在什么浏览器中可能发生什么情况"那么重要.大部分现代浏览器都支持ECMAScript 3和ECMAScript 5的一部分(ECMAScript 的版本4从未正式发布).

《JavaScript设计与开发新思维》——1.7 JavaScript编程目标

1.7 JavaScript编程目标 开始一次新的尝试时,不管是第一次学习JavaScript还是为了学习更好.更现代的JavaScript技术,都应该设定一些目标.网站的目的当然是为了让客户(使用Web浏览器的最终用户)查看和使用.如果访问者无法使用一个网站,你作为Web开发人员的工作就失败了.朝着这个目标,网站的功能应该在所有浏览器上都能实现,包括移动设备上的浏览器.非可视化浏览器.禁用JavaScript的浏览器和旧的浏览器.完成这一目标比你想象的更容易,这要归功于渐进增强(progres

《JavaScript设计与开发新思维》——2.4 关键的开发方法

2.4 关键的开发方法 在查看代码之前,应该详细地讨论3种开发方法.你选择的方法(可能同时采用不止一种方法)将会影响所编写的代码,更重要的是,影响最终用户的体验. 2.4.1 功能退化 script元素为任何HTML页面添加JavaScript,与此相反的是noscript元素,它用于页面在浏览器不支持JavaScript时提供一个替代信息或者替代内容: <noscript>Your browser does not support JavaScript!</noscript> 如

《JavaScript设计与开发新思维》——2.5 拼凑一些代码

2.5 拼凑一些代码 利用已经介绍过的一些基础知识,我们继续前进,开始接触JavaScript.当然,我不期望你已经了解JavaScript-这是本书的目的-但是下一个示例阐述了JavaScript的易理解性,并且为第2部分的材料(也即正规训练)提供一些背景知识. 2.5.1 开发基本功能 作为一个简单而实用的例子,我们来创建一个登录表单,然后用JavaScript进行验证.在稍后的章节中,你将学习如何为这个表单应用Ajax,但是在这时添加Ajax可能有点过于复杂.首先创建HTML表单,该表单有

《JavaScript设计与开发新思维》——1.4 JavaScript和其他常见技术的比较

1.4 JavaScript和其他常见技术的比较 在我开始学习外语之前,从未真正领会英语语法的课程:有时候掌握一种思想只需要一些比较和对照.在接下来的几页当中,我将说明如何将JavaScript与其他你可能已经熟悉的常见技术进行比较,希望你能够更加完整地理解将要掌握的这种语言. HTML和CSS HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的技术.(顺便说一句,如果你还不知道这一点,就需要在进一步学习本书之前学习HTML.)HTML和JavaScr

《JavaScript设计与开发新思维》——2.3 为HTML添加JavaScript

2.3 为HTML添加JavaScript 本章阐述一些现实世界中的JavaScript,这些代码使用的概念将在第2部分中更加正式地学习.但是,这里必须介绍一些基础知识,包括如何将JavaScript代码添加到HTML页面,我怀疑你已经知道怎么做了. 为了在一个HTML页面添加JavaScript,可以使用script元素: <script></script>在较早版本的HTML中,这个标记的type属性是必需的,应该取值为text/javascript,在HTML5中不再需要这么

《JavaScript设计与开发新思维》——1.5 为什么说JavaScript是一种好语言

1.5 为什么说JavaScript是一种好语言 如果你正在阅读这本书,就可能对学习JavaScript有兴趣,但是如果我不表明自己对JavaScript为什么是一种好语言的看法,那就是玩忽职守.最重要和明显的理由是,JavaScript非常有用.在当今网站中常见的大量动态功能都是用JavaScript实现的.实际上,大部分这种功能都是用户所需要的,不使用JavaScript将是一种明显的疏漏.而且JavaScript还能-- 改进网站性能(例如,归功于Ajax).用于修复浏览器缺陷,例如对CS

《JavaScript设计与开发新思维》——第1章 (重新)介绍JavaScript 1.1 什么是JavaScript

第1部分 入门 第1章 (重新)介绍JavaScript 今天的JavaScript是一种被误解的编程语言,从JavaScript所能做到的,到它不能做到的,再到JavaScript不是什么(JavaScript不是Java),关于这种当今Web的核心技术有许多的混淆.不理解一种技术的精髓,就不可能有效地使用它,所以本书的第1章提供对现代JavaScript的一个概要介绍. 本章的大部分篇幅讨论JavaScript的概念,以及它迄今为止的变化历程.接下来,读者将看到有关JavaScript版本以