如何把 JavaScript 放入 HTML 页面<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:
<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>
注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。
在哪里放置 JavaScript
页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
位于 head 部分的脚本:
当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
位于 body 部分的脚本:
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。
<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
在 body 和 head 部分的脚本:
你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
使用外部 JavaScript
有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。
为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
注意:外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:
<html>
<head>
<script src="xxx.js">....</script>
</head>
<body>
</body>
</html>
提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。
分享到:
相关推荐
01-JavaScript基础.md
学习和理解JavaScript的基本概念和语法是成为Web开发者的基础,也是进一步探索前端和全栈开发的关键。通过深入学习和实践,开发者可以利用JavaScript的强大功能创建出丰富、动态且互动性强的Web应用。
JavaScript基础第01天笔记.md
这个名为"JavaScript-01.zip"的压缩包显然包含了关于JavaScript基础学习的材料,特别是针对01知识点的讲解。从描述来看,我们可以期待一系列以HTML格式编写的教程文档,这些文档可能是教学笔记或者实例演示,可以...
Python 13、JAVASCRIPT基础 1-2_JAVASCRIPT_Day01_PM.mp4
【标题】"计算机后端-Java-PHP视频教程javascript01-demo.rar" 涵盖了计算机后端开发中的三个重要技术:Java、PHP以及JavaScript。这个压缩包可能是一个教学资源,提供了关于这三个编程语言的基础知识和实战演示,...
JavaScript 是一种广泛用于客户端Web开发的脚本语言,由Netscape公司开发,它是一种基于对象和事件驱动的编程语言。JavaScript的出现极大地...学习和掌握JavaScript的基础知识,对于任何Web开发者来说都是至关重要的。
这个名为"JavaScript基础大全 (1-4) 学习必备珍藏品"的资源显然是一个系列教程,包含了从初级到进阶的JavaScript基础知识。让我们深入探讨一下JavaScript的核心概念和技术。 1. **基础语法**:JavaScript是一种...
Challenge-javascript-01-三角形的面积用基本的,有趣的和有趣的方式描述基础知识。安装npm install测试npm run test回购完整的三角计算法。完整的消息认为应保留“叉子”,不能使用左轮手枪,请提出保留要求。贡献...
第01节 JavaScript面试中不可忽视的小问题\JavaScript视频课程-第01节 JavaScript面试中不可忽视的小问题 第02节 变量与常量\JavaScript视频课程-第02节 变量与常量 第03节 函数\JavaScript视频课程-第03节 函数 第...
01-javascript的概述.md 02-字面量和变量.md 03-数据类型和typeof操作符.md 04-运算符.md 05-条件判断语句.md 06-循环语句.md 07-数据类型转换基础.md 08-对象.md 09-函数_方法_枚举.md 10-作用域.md 11-工厂方法_...
第01章-JavaScript基础.ppt
"软件开发基础1-01"这一主题涵盖了入门级的编程概念和技术,旨在为初学者提供一个坚实的起点。以下是一些重要的知识点: 1. **编程语言基础**:软件开发通常涉及多种编程语言,如Java、Python、C++或JavaScript等。...
本文将深入探讨“2011-01-01”这种日期格式的由来、应用及实现方式。 ### 一、日期格式的重要性 在日常的数据处理中,我们经常遇到日期这一元素。日期格式的不统一会导致数据解析困难,甚至在跨系统数据交换时引发...