百科狗-知识改变命运!
--

JavaScript 用法 - JavaScript 基础

百变鹏仔1年前 (2023-11-21)阅读数 20#技术干货
文章标签脚本

JavaScript 用法

首先,让我们看看如何将脚本添加到网页上。对于服务器端环境(如 Node.js),你只需要使用诸如node my.js的命令行来执行它。

script 标签

我们几乎可以使用标签将 JavaScript 程序插入到 HTML 文档的任何位置。脚本可以放置在HTML页面的中,具体取决于您希望何时加载脚本。

 

script 标签之前...

alert('Hello, world!');

...script 标签之后

标签中包裹了 JavaScript 代码,当浏览器遇到标签,代码会自动运行。

function myFunc() {
  document.getElementById("output").innerHTML = "Hello World";
} 

JavaScript in Head

Click

This is a Paragraph


内联放置 JavaScript 代码

您还可以使用事件属性(例如 onclick,onkeypress等)将 JavaScript 代码直接放在 HTML 标记内。

This is First Paragraph (Click me)

但是,应避免将大量 JavaScript 代码内联,因为 JavaScript 会使 HTML 混乱,并使 JavaScript 代码难以维护。


外部脚本

如果你有大量的 JavaScript 代码,我们可以将它放入一个单独的文件。

脚本文件可以通过src特性(attribute)添加到 HTML 文件中。

这里,/path/to/script.js是脚本文件从网站根目录开始的绝对路径。当然也可以提供当前页面的相对路径。例如,src ="script.js",就像src="./script.js",表示当前文件夹中的"script.js"文件。

我们也可以提供一个完整的 URL 地址,例如:

要附加多个脚本,请使用多个标签:

JavaScript 用法 - JavaScript 基础

一般来说,只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。使用独立文件的好处是浏览器会下载它,然后将它保存到浏览器的缓存中。之后,其他页面想要相同的脚本就会从缓存中获取,而不是下载它。所以文件实际上只会下载一次。这可以节省流量,并使得页面(加载)更快。

如果设置了src特性,script标签内容将会被忽略。一个单独的标签不能同时有src特性和内部包裹的代码。

这将不会工作:

 alert(1); // 此内容会被忽略,因为设定了 src 

我们必须进行选择,要么使用外部的,要么使用正常包裹代码的

为了让上面的例子工作,我们可以将它分成两个标签。

 alert(1); 

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)