前言:
眼前我们对“hellohtml”大概比较关心,各位老铁们都需要分析一些“hellohtml”的相关文章。那么小编在网摘上搜集了一些有关“hellohtml””的相关文章,希望朋友们能喜欢,看官们快快来学习一下吧!2.1 JavaScript: Hello, world!
从本讲开始,我们正式踏上了JavaScript的梦幻之旅啦!
还记得上一讲中,如何打开console调试代码吗?可以借助调试器查看代码运行结果。另一种查看运行结果的办法是使用alert,当然,这种方法不适合进行复杂调试。选择一种,开始吧!
script 标签
通常可以将JavaScript代码写在<script></script>标签内,并且script标签可以插入HTML文档的任何位置。
<!DOCTYPE HTML><html><body><p>之前...</p><script>alert( 'Hello, world!' );</script><p>...之后</p></body></html>
将代码保存为debug.html,用浏览器打开debug.html,运行结果:
标签属性
<script>标记具有一些属性,但通常情况下使用较少,仅做简单介绍:
类型属性:<script type=…>
旧的HTML标准HTML4要求脚本具有类型。 通常它是type =“ text / javascript”。
但是现在不再需要了。现代HTML标准完全改变了此属性的含义。 现在,它可以用于JavaScript模块。
语言属性:<script language=…>
此属性旨在显示脚本的语言。 因为JavaScript是默认语言,所以该属性不再有意义。 不需要使用它。
脚本前后的注释
在比较早期的书籍和指南中,您可能会在<script>标记内找到注释,如下所示:
<script type="text/javascript"><!--...//--></script>
现代JavaScript不使用此技巧。 这些注释会在不知道如何处理<script>标记的旧浏览器中隐藏JavaScript代码。 由于过去15年内发布的浏览器没有此问题,因此此类注释可以帮助您识别真正的旧代码。
外部脚本
当我们有很多JavaScript代码时,则可以将其放入单独的文件中。
脚本文件通过src属性附加到HTML:
<script src="/path/to/script.js"></script>
在这里,/path/to/script.js是从站点根目录到脚本的绝对路径。 您还可以提供当前页面的相对路径。 例如,src =“ script.js”表示当前文件夹中的文件“ script.js”。
我们也可以提供完整的URL。 例如:
<script src=""></script>
要附加多个脚本,则可以使用多个标签:
<script src="/js/script1.js"></script><script src="/js/script2.js"></script>…
小窍门:通常,仅将最简单的脚本放入HTML。 更复杂的文件位于单独的文件中。单独文件的好处是浏览器将下载该文件并将其存储在其缓存中。引用同一脚本的其他页面将从缓存中获取而不是下载它,因此该文件实际上仅下载了一次。这样可以减少访问量并使页面更快。
注意:如果设置了src,则脚本内容将被忽略。单个<script>标签不能同时包含src属性和代码。
<script src="file.js">alert(1); // 这里的代码将被忽略,因为src设置了文件</script>
我们必须选择带有代码的外部<script src =“…”>或常规的<script>。上面的示例可以分为两个脚本工作:
<script src="file.js"></script><script>alert(1);</script>本讲小结我们可以使用<script>标记将JavaScript代码添加到页面。类型和语言属性不是必需的。可以使用<script src =“ path/to/script.js”> </ script>插入外部文件中的脚本。小练习创建一个页面,显示“我爱JavaScript!”。通过将脚本内容提取到位于同一文件夹中的外部文件alert.js中进行修改。
标签: #hellohtml