`
wangleide414
  • 浏览: 606472 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Javascript 基础-01

 
阅读更多

 

如何把 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

    01-JavaScript基础.md

    JavaScript课件-01.pptx

    学习和理解JavaScript的基本概念和语法是成为Web开发者的基础,也是进一步探索前端和全栈开发的关键。通过深入学习和实践,开发者可以利用JavaScript的强大功能创建出丰富、动态且互动性强的Web应用。

    JavaScript基础第01天笔记.md

    JavaScript基础第01天笔记.md

    JavaScript-01.zip

    这个名为"JavaScript-01.zip"的压缩包显然包含了关于JavaScript基础学习的材料,特别是针对01知识点的讲解。从描述来看,我们可以期待一系列以HTML格式编写的教程文档,这些文档可能是教学笔记或者实例演示,可以...

    Python 13、JAVASCRIPT基础 1-2_JAVASCRIPT_Day01_PM.mp4

    Python 13、JAVASCRIPT基础 1-2_JAVASCRIPT_Day01_PM.mp4

    计算机后端-Java-PHP视频教程javascript01-demo.rar

    【标题】"计算机后端-Java-PHP视频教程javascript01-demo.rar" 涵盖了计算机后端开发中的三个重要技术:Java、PHP以及JavaScript。这个压缩包可能是一个教学资源,提供了关于这三个编程语言的基础知识和实战演示,...

    01-JavaScript-基础1

    JavaScript 是一种广泛用于客户端Web开发的脚本语言,由Netscape公司开发,它是一种基于对象和事件驱动的编程语言。JavaScript的出现极大地...学习和掌握JavaScript的基础知识,对于任何Web开发者来说都是至关重要的。

    JavaScript基础大全 (1-4) 学习必备珍藏品

    这个名为"JavaScript基础大全 (1-4) 学习必备珍藏品"的资源显然是一个系列教程,包含了从初级到进阶的JavaScript基础知识。让我们深入探讨一下JavaScript的核心概念和技术。 1. **基础语法**:JavaScript是一种...

    challenge-javascript-01:Challenge-javascript-01-三角形的面积

    Challenge-javascript-01-三角形的面积用基本的,有趣的和有趣的方式描述基础知识。安装npm install测试npm run test回购完整的三角计算法。完整的消息认为应保留“叉子”,不能使用左轮手枪,请提出保留要求。贡献...

    JavaScript零基础入门到精通视频教程

    第01节 JavaScript面试中不可忽视的小问题\JavaScript视频课程-第01节 JavaScript面试中不可忽视的小问题 第02节 变量与常量\JavaScript视频课程-第02节 变量与常量 第03节 函数\JavaScript视频课程-第03节 函数 第...

    jsjavascript基础教程.zip

    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

    第01章-JavaScript基础.ppt

    软件开发基础1-01

    "软件开发基础1-01"这一主题涵盖了入门级的编程概念和技术,旨在为初学者提供一个坚实的起点。以下是一些重要的知识点: 1. **编程语言基础**:软件开发通常涉及多种编程语言,如Java、Python、C++或JavaScript等。...

    2011-01-01日期格式

    本文将深入探讨“2011-01-01”这种日期格式的由来、应用及实现方式。 ### 一、日期格式的重要性 在日常的数据处理中,我们经常遇到日期这一元素。日期格式的不统一会导致数据解析困难,甚至在跨系统数据交换时引发...

Global site tag (gtag.js) - Google Analytics