《HTML5 canvas开发详解(第2版)》——1.5 JavaScript和Canvas-阿里云开发者社区

开发者社区> 开发与运维> 正文

《HTML5 canvas开发详解(第2版)》——1.5 JavaScript和Canvas

简介:

本节书摘来自异步社区《HTML5 canvas开发详解(第2版)》一书中的第1章,第1.5节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 JavaScript和Canvas

JavaScript是用来创建Canvas应用程序的一种程序设计语言,能在现有的任何Web浏览器中运行。如果需要重温JavaScript的相关内容,请关注Douglas Crockford的书《JavaScript: The Good Parts》(O’Reilly)。这本书很流行,并且有很强的参考价值。

JavaScript放置的位置及其理由
使用JavaScript为Canvas编程会产生一个问题:在创建的页面中,从哪里启动JavaScript程序?

把JavaScript放进HTML页面的 < head > 标签中是个不错的主意,这样做的好处是很容易找到它。但是,把JavaScript程序放在这里就意味着整个HTML页面要加载完JavaScrpit才能配合HTML运行,这段JavaScript代码也会在整个页面加载前就开始执行了。结果就是,运行JavaScript程序之前必须检查HTML页面是否已经加载完毕。

最近有一个趋势是将JavaScript放在HTML文档结尾处的 body >标签里,这样就可以确保在JavaScript运行时整个页面已经加载完毕。然而,由于在运行< canvas >程序前需要使用JavaScript测试页面是否加载,因此最好还是将JavaScript放在< head >中。如果读者不喜欢这样,也可以采用适合自己的代码习惯。

代码放在哪儿都行——可以放在HTML页面代码行内,也可以加载一个外部 .js文件。加载外部JavaScript文件的代码大致如下。

<script type="text/javascript" src="canvasapp.js"></script>

简单起见,这里将把代码写在HTML页面行内。不过,如果读者有把握,把它放在一个外部文件再加载运行也未尝不可。

提示
HTML5不需要再指定脚本类型。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章