本节书摘来自异步社区《AngularJS高级程序设计》一书中的第5章,第5.2节,作者:【美】Adam Freeman(弗里曼)著,更多章节内容可以访问云栖社区“异步社区”公众号查看
5.2 理解script元素
使用script元素将JavaScript代码添加到HTML文档。有两种使用script元素的方式,你可以在清单5-1中看到二者。第一种方式是使用src属性引用独立的文件,它包含JavaScript语句。我使用AngularJS库文件所做的就是,像这样:
你还可以创建内联脚本,把JavaScript语句放在script元素的标签中间,像这样:
对于实际项目,你将会经常使用外部文件,因为它们易于管理,但对于我在本书创建的该示例,为了便于我演示通常HTML和JavaScript在同一文件中。
本例中内联脚本包含console.log方法的语句,它在JavaScript控制台(console)写入消息。控制台是浏览器为让你显示你的脚本被执行的调试信息所提供的基础(且有用)的工具。每个浏览器都有不同方式显示控制台。对于谷歌浏览器(Google Chrome),你在Tools菜单选择JavaScript控制台。你可以在图5-2中看到控制台是如何显示在Chrome中的。
提示:
注意图5-2所示的Chrome窗口有AngularJS分栏。这是我在第1章中创建的Batarang扩展添加的,用于调试AngularJS应用。
你可以看到调用console.log方法在控制台窗口显示的输出,连同消息源来自哪里的详情(这来自jsdemo.html文件第7行)。在本章中,我不会显示截图,我将只显示示例的结果,所以,举个例子,清单5-1的输出如下:
在章节后面我格式化了一些结果,使之易于阅读。在下面的段落中,我会向你展示JavaScript语言的核心特性。如果你有任何其他现代语言的编程经验,你会发现你很熟悉JavaScript的语法和风格。