`
zithan
  • 浏览: 176051 次
  • 性别: 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>

分享到:
评论

相关推荐

    html+css+javascript 教程

    JavaScript和Java的区别 基于对象和面向对象 解释和编译 强变量和弱变量 JavaScript中变量声明,采用其弱类型。 即变量在使用前不需作声明,而是解释器在运行时检查其数据类型 x=1234; //数值型变量 y=“4321...

    JavaScript完全自学宝典 源代码

    11.1.html JavaScript写数据到cookie。 11.2.html JavaScript获取cookie信息。 11.3.html JavaScript修改cookie的保存有效期。 11.4.html 保存数据到userData。 11.5.html JavaScript获取...

    javascript学习笔记.docx

    f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个父类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...

    javascript知识小结

    3、 javascript写在head和body里面的区别: 区别简述:在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。 4、4、Window对象是客户端javascript最...

    【JavaScript源代码】如何在JavaScript中正确处理变量.docx

    两者之间的主要区别是 const 变量在声明时需要初始化,并且一旦初始化就无法再重新赋值。 // const 需要初始化 const pi = 3.14; // const 不能被重新赋值 pi = 4.89; // throws "TypeError: Assignment to ...

    javascript中$(function() {});写与不写有哪些区别

    javascript中$(function() {….}) 是 jQuery 中的经典用法,等同于 $(document).ready(function() {….}),即在页面加载完成后才执行某个函数,如果函数中要操作 DOM,在页面加载完成后再执行会更安全,所以在使用 ...

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

    Javascript权威指南第六版文字版PDF,附含自带的源代码, 就是书,看了就知道了,可以去网上看书评。 喜欢的就下载

    讲解JavaScript的面向对象的编程

    本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...

    (原名GoSqlGo)是一个简易版Serverless服务,它能够让前端直接在html或javascript里写SQL和后端业务

    MyServerless项目原名为GoSqlGo,表示可以直接在前端写SQL的意思,后来考虑到它的开发模式有点类似于serverless,后端不再参与开发,所以项目更名为MyServerless。 MyServerless与通常大厂的Serverless服务相比,...

    javascript网页特效实例大全

    11.4.4 javascript和vbscript的区别 317 11.5 asp与表单处理 317 11.5.1 form数据集合 317 11.5.2 form集合的提交方式 318 11.6 小结 319 第12章 javascript中的数据库调用 321 12.1 数据库的构建 322 12.2 ...

    javaScript函数节流与防抖之区别

    函数防抖(debounce)与函数节流(throttle)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟、假死或卡顿的现象。

    JavaScript null和undefined区别分析

    于是,细想之后,写下本文,请各位大侠拍砖。 总所周知:null == undefined 但是:null !== undefined 那么这两者到底有啥区别呢? 请听俺娓娓道来… null 这是一个对象,但是为空。因为是对象,所以 typeof null ...

    怎样写一个能同时用于Node和浏览器的JavaScript包?

    这个特殊的模块在 Node 版本和浏览器版本上的实现有着细微的区别。  这种情况出现得实在频繁,因为在 Node 和浏览器间有着很多微小的环境差别。在这种情况下,可以用比较巧妙的方法来正确地实现,尤其是当你在尝试...

    【JavaScript源代码】vue2.03.0的响应式原理及区别浅析.docx

     自从vue3.0正式上线以来,好多小伙伴都转战vue3.0了,这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来,方便自己学习。 先看看官网的解释: 当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项...

    javascript高级教程

    所以我要向你们介绍cookies 的工作原理,但是在正式开始之前,我们先谈两个JavaScript 内容:有趣的字符串处理以及相关数组。&gt;&gt; 由于cookies牵扯到向用户的硬盘写盘和读取信息,所以就涉及 一个保密性的...

    理解和使用 JavaScript 中的回调函数

    理解和使用 JavaScript 中的回调函数,,,,,,,,,,,,,,,,,,

    Javascript的this详解

    词法作用域和动态作用域的区别是:词法作用域是在写代码或定义时确定的;动态作用域是在运行时确定的。 this的绑定规则 this是在调用时被绑定,取决于函数的调用位置。由此可以知道,一般情况下(非严格模式下),...

Global site tag (gtag.js) - Google Analytics