`
zithan
  • 浏览: 181389 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

Javascript写在哪里 区别

 
阅读更多

Javascript写在哪里?概括起来就是三种形式:
1. 内部:Html网页的<body></body>中;
2. 内部:Html网页的<head></head>中;
3. 外部:外部JS文件里。

(1) Javascript写在<body></body>中
浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。
<html>
<head></head>
<body>
<script type="text/javascript">....</script>
</body>
</html>

(2) Javascript写在<head></head>中
有时候并不需要一载入HTML就运行Javascript,而是用户点击了HTML中的某个对象,触发了一个事件,才需要调用Javascript。这时候,通常将这样的Javascript放在HTML的<head></head>里。
<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
</body>
</html>

(2) Javascript写在<head></head>中
将Javascript程序放到一个后缀名为.js的文本文件里。
在HTML里引用外部文件里的Javascript,应在Head里写一句<script src="文件名"></script>,其中src的值,就是Javascript所在文件的文件路径。示例代码如下:
<html>
<head>
<script src="js/001.js">...</script>
</head>
<body>
</body>
</html>

分享到:
评论

相关推荐

    JavaScript基础复习大纲

    JavaScript 严格区分大小写。JavaScript 程序代码的格式和注释和 Java 中一样。 九、JavaScript 的变量 变量:系统为之设置一个标识,程序可以用变量名来指向具体的对象内存,并通过变量名来获得对应的对象。声明...

    李立超JavaScript基础篇笔记

    尽管JavaScript与ECMAScript在概念上有所区别,但通常情况下,人们将它们视为同义词,因为ECMAScript是JavaScript的标准化版本,由各大厂商如Mozilla、Microsoft等遵循并实现。 JavaScript的特点包括: 1. 解释型...

    JavaScript语言

    6. 区分大小写:JavaScript中的标识符(如变量名)是大小写敏感的。 7. 提升网页互动性:JavaScript可以简化HTML,提高网页加载速度,并实时响应用户输入,如表单验证。 JavaScript与Java的区别在于: 1. 来源和...

    JavaScript学习基础学习心得

    在深入探讨JavaScript的基础深度原理之前,我们首先了解JavaScript的一些基本概念,这将有助于我们更好地理解和应用这些高级知识点。 #### 浏览器组成 浏览器是JavaScript运行的重要环境之一,了解其内部结构对于...

    javascript手册 javascript手册

    JavaScript的代码格式需要注意区分大小写,脚本通常嵌入在HTML文件中,不能包含HTML标记代码,且可以每行写一条语句。在HTML中,JavaScript脚本通常用`&lt;script&gt;`标签标识,还可以指定语言类型`language="JavaScript...

    javascript基础

    - **代码位置**:JavaScript代码可以写在HTML文档的头部(`&lt;head&gt;`部分),也可以写在主体部分(`&lt;body&gt;`部分),还可以通过外部文件引用。 ##### 2.2 数据类型与变量 - **数据类型**:JavaScript支持多种数据类型...

    javascript指南和函数式编程

    JavaScript是Web开发中不可或缺的一部分,尤其在前端领域更是扮演着核心角色。本指南将深入探讨JavaScript的高效编程和函数式编程这两个重要主题,帮助开发者提升技能,实现更优雅、更可维护的代码。 《Effective ...

    JavaScript设计模式与开发实践.pdf

    第一部分讲解了JavaScript语言的面向对象和函数式编程的知识,包括静态类型语言和动态类型语言的区别及其在实现设计模式时的异同、封装、继承、多态在动态类型语言中的体现、JavaScript基于原型继承的面向对象系统的...

    JavaScript手册-中文文档

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的、解释型的编程语言,主要用于增强网页的交互性。这份“JavaScript手册—中文文档”...通过深入学习,你将能够熟练掌握JavaScript,写出高效、健壮的Web应用。

    微软JavaScript手册chm版

    此外,JavaScript还支持匿名函数和箭头函数,以及函数表达式和声明的区别。 4. **方法**:方法是附属于对象的函数,通常用于操作或修改该对象的状态。例如,数组对象有push、pop、slice等方法,字符串对象有trim、...

    用JavaScript写的日历控件

    - **初始化**:在页面加载完成后,JavaScript应该能够自动检测文本框中的日期,并根据日期初始化日历控件。 - **事件处理**:为每个日期单元格添加点击事件监听器,当用户点击一个日期时,更新文本框中的日期,并...

    JavaScript经典案例大集合

    1. **变量和数据类型**:在JavaScript中,变量用于存储数据,可以是字符串、数字、布尔值、null、undefined、对象或符号。理解var、let和const的区别以及动态类型的概念是基础。 2. **控制结构**:包括条件语句(if...

    Javascript权威指南(含示例源码)

    书中详细讲解了变量的作用域、动态类型的特点以及函数作为一等公民的特性,这些都是JavaScript区别于其他静态类型语言的关键点。 接着,书中深入探讨了对象和原型,这是JavaScript的核心特性。通过实例解析,读者将...

    深入浅出JavaScript源代码

    理解事件队列和微任务、宏任务的区别,能够帮助开发者写出更流畅的异步代码,避免回调地狱。 DOM操作是JavaScript与网页交互的基础,通过JavaScript可以动态修改HTML元素、响应用户事件、进行Ajax请求等。掌握...

    JavaScript总结笔记

    - **内联脚本**:将JavaScript代码直接写在HTML标签中,例如`onclick`属性。 - **内部脚本**:使用`&lt;script&gt;`标签将脚本代码插入HTML文档内。 - **外部脚本**:通过`&lt;script src="path/to/script.js"&gt;&lt;/script&gt;`链接...

    JavaScript.pdf

    在JavaScript中,变量用于存储数据值,变量的命名规范要求区分大小写,并且遵循一定的命名规则,例如驼峰命名法。基本数据类型包括Number、String、Boolean、Undefined和Null,它们是不可再分的数据类型。而引用数据...

    Javascript基础教程 文字版 代码可复制

    - **内联脚本**:可以直接将JavaScript代码写在HTML元素的属性中,例如`onclick="alert('Hello')"`。 - **外部脚本**:还可以通过`&lt;script src="script.js"&gt;&lt;/script&gt;`的方式链接外部的JavaScript文件,这种方式更...

    Java和JavaScript.doc

    Java和JavaScript是两种不同的编程语言,虽然名字相似,但它们在设计理念、用途、执行方式和语法特性等方面有着显著的区别。 1. 开发背景与公司: - Java是由SUN Microsystems(后被Oracle收购)推出的,它是一种...

    JavaApplet与JavaScript

    ### JavaApplet与JavaScript #### 6.1 JavaApplet ##### 6.1.1 JavaApplet概述 ...尽管如此,了解 JavaApplet 和 JavaScript 的工作原理仍然是很有价值的,特别是在维护旧的 Web 应用程序或学习 Web 开发历史方面。

    JavaScript程序设计课件:1 JavaScript 简介.ppt

    JavaScript 文件中不需要使用 &lt;SCRIPT&gt; 标记,直接写 JavaScript 代码即可。 七、编写 HTML / JavaScript 程序的步骤 编写 HTML / JavaScript 程序的步骤包括打开记事本、输入程序、在文件菜单中选择保存、关闭...

Global site tag (gtag.js) - Google Analytics