《AngularJS高级程序设计》——5.2 理解script元素

简介: 使用script元素将JavaScript代码添加到HTML文档。有两种使用script元素的方式,你可以在清单5-1中看到二者。第一种方式是使用src属性引用独立的文件,它包含JavaScript语句。

本节书摘来自异步社区《AngularJS高级程序设计》一书中的第5章,第5.2节,作者:【美】Adam Freeman(弗里曼)著,更多章节内容可以访问云栖社区“异步社区”公众号查看

5.2 理解script元素

使用script元素将JavaScript代码添加到HTML文档。有两种使用script元素的方式,你可以在清单5-1中看到二者。第一种方式是使用src属性引用独立的文件,它包含JavaScript语句。我使用AngularJS库文件所做的就是,像这样:
screenshot
你还可以创建内联脚本,把JavaScript语句放在script元素的标签中间,像这样:

screenshot

对于实际项目,你将会经常使用外部文件,因为它们易于管理,但对于我在本书创建的该示例,为了便于我演示通常HTML和JavaScript在同一文件中。

本例中内联脚本包含console.log方法的语句,它在JavaScript控制台(console)写入消息。控制台是浏览器为让你显示你的脚本被执行的调试信息所提供的基础(且有用)的工具。每个浏览器都有不同方式显示控制台。对于谷歌浏览器(Google Chrome),你在Tools菜单选择JavaScript控制台。你可以在图5-2中看到控制台是如何显示在Chrome中的。

screenshot

提示:
注意图5-2所示的Chrome窗口有AngularJS分栏。这是我在第1章中创建的Batarang扩展添加的,用于调试AngularJS应用。
你可以看到调用console.log方法在控制台窗口显示的输出,连同消息源来自哪里的详情(这来自jsdemo.html文件第7行)。在本章中,我不会显示截图,我将只显示示例的结果,所以,举个例子,清单5-1的输出如下:

screenshot

在章节后面我格式化了一些结果,使之易于阅读。在下面的段落中,我会向你展示JavaScript语言的核心特性。如果你有任何其他现代语言的编程经验,你会发现你很熟悉JavaScript的语法和风格。

相关文章
|
JavaScript UED 前端开发
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
《AngularJS高级程序设计》——5.7 使用数组
本例中有几点需要注意的地方。第一,我不需要在创建它时声明数组中成员的数量。JavaScript数组会调整其大小以放置任何数量的成员。第二点是我无需声明数组中将放入的数据类型。所有的JavaScript数组都可以放置任意混合的数据类型。在本例中,我为数组赋了三个值:数字、字符串和布尔值。
1390 0
|
JavaScript 前端开发
《AngularJS高级程序设计》——5.6 使用JavaScript运算符
Number方法是一种严格的解析字符串值的方式,但你可以使用另外两个更灵活的,同时也会忽略后面非数字符号的函数。这些函数是parseInt和parseFloat。我在表5-5中全面描述了三种方法。
1600 0
|
JavaScript 前端开发 数据格式
《AngularJS高级程序设计》——第5章 JavaScript基础 5.1准备示例项目
在本章中,我提供了JavaScript语言最重要特性的快速指南,它们适用于本书。我没有余力完整地讲解JavaScript,但我会专注其本质,即你需要快速了解情况并随着本书的示例走。除了最重要的JavaScript语言核心特性外,我还会讲述AngularJS提供的工具方法集。
1482 0
|
JavaScript 前端开发 数据格式
《AngularJS高级程序设计》——5.11 小结
在本章中我提供了JavaScript语言的简单基础,以及AngularJS为补充核心语言特性而提供的实用方法。我还介绍了承诺以及AngularJS对JSON的支持,它们二者是使用Ajax并实现我在第3章中讲的单页面应用程序模型所必不可少的。
1509 0
|
JavaScript 前端开发 程序员
《AngularJS高级程序设计》——导读
本书是AngularJS程序设计的高级指南。全书共25章,分为3个部分,每部分覆盖一组相关话题。第1部分为第1章到第8章,包括AngularJS简介,以及HTML、CSS和JavaScript的基础知识。
1581 0
《AngularJS高级程序设计》——1.6 小结
在本章中,我描述了本书内容和结构的大致轮廓,以及AngularJS Web开发所需要的软件。就像之前所说的,学习AngularJS开发最好的方式就是通过实例学习,所以在第2章中我将直接开始演示如何创建你的第一个AngularJS应用程序。
1488 0
|
JavaScript 前端开发 HTML5
《AngularJS高级程序设计》——第1章 准备 1.1你需要知道哪些知识
AngularJS吸收了服务器端开发技术的一些最好的方面,并使用它们来对浏览器中的HTML进行增强,为更简单而容易地构建富应用程序奠定了基础。AngularJS应用程序是围绕着被称为模型-视图-控制器(MVC)的模式而构建的,该模式的重点在于创建这样的应用程序
1308 0