龙空技术网

每日一「讲」JavaScript: Hello World

蜗牛程序猿 106

前言:

眼前我们对“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