开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法从外部文件引用JavaScript

从外部文件引用JavaScript是指在HTML文件中通过<script>标签引入外部的JavaScript文件。这种方式可以将JavaScript代码与HTML代码分离，提高代码的可维护性和复用性。

引用外部JavaScript文件的步骤如下：

创建一个JavaScript文件，例如script.js，并在其中编写所需的JavaScript代码。
在HTML文件的<head>或<body>标签中使用<script>标签来引入外部JavaScript文件。例如：

<script src="script.js"></script>

这里的src属性指定了外部JavaScript文件的路径。可以使用相对路径或绝对路径来指定文件的位置。

引用外部JavaScript文件的优势包括：

代码复用：可以将通用的JavaScript代码放在一个文件中，多个页面共享使用，减少重复编写代码的工作量。
可维护性：将JavaScript代码与HTML代码分离，使得代码结构更清晰，易于维护和修改。
加载速度优化：将JavaScript代码放在外部文件中，可以利用浏览器的缓存机制，提高页面加载速度。

引用外部JavaScript文件的应用场景包括：

多页面网站：对于包含多个页面的网站，可以将通用的JavaScript代码放在外部文件中，减少每个页面的代码量。
团队协作开发：在团队协作开发中，多人共同维护一个项目时，将JavaScript代码放在外部文件中可以提高开发效率和代码的一致性。

腾讯云提供的相关产品和产品介绍链接地址如下：

云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍链接
云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于图片、音视频、备份等场景。产品介绍链接
云函数（SCF）：无服务器计算服务，支持事件驱动的函数计算，无需管理服务器。产品介绍链接

请注意，以上仅为腾讯云提供的部分相关产品，其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

HTML的 script 标签引用js文件及其属性整理

在 HTML 页面中，可以通过 <script> 标签插入 JavaScript 代码，也可以引用外部 js 文件。

03

javascript写在head和body里的区别

2、一般这样写：；如果这样写：<script language="javascript">是不标准的，IE能认，但是别的就不知道了。

01

一个Web页面的问题分析

几个月之前我接到一个新的开发任务，要在一个旧的Web页面上面增添一些新的功能。在开发的过程中发现旧的代码中有很多常见的不合适的写法，结合这些问题，如何写出更好的，更规范的，更可维护的代码，就是这篇文章要阐述的内容。首先我查看了该Web页面的HTML代码，发现了一些典型的问题： HTML页面中包含了很多Javascript和CSS代码 HTML页面中引用了大量的外部Javascript文件和CSS文件接下来就这些问题，我们逐个讨论一下： HTML页面中包含了很多Javascript和CSS代码一个正常的

09

css入门（1）

CSS是什么？CSS，即“Cascading Style Sheet（层叠样式表）”，是用来控制网页的外观的一门技术。

02

技术分享 | Web测试方法与技术之JavaScript 讲解

JavaScript 是脚本语言，是一种轻量级的编程语言，可以插入 HTML 页面的编程代码。插入 HTML 页面后，可由所有的现代浏览器执行。

03

JS基础测试: 下列使用中正确的是?

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

02

JavaScript系列之初识JS，强大的实干家

Hi，大家好，我是CoCo。JavaScript作为最流行的脚本语言之一，这门语言广泛应用于Web。假如要把JS作一个比喻，我觉得她是一位强大的实干家。在Web自动化测试框架中通过JS来实现对Web元素的操作，在测试开发中是必备的前端语言。

03

JavaScript -1- 基础教程与部分功能示例

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

02

记录HTML网页调用引入CSS,JS方式

记录html网页调用引入js或css代码或文件，防止以后忘记，如有不对或补充，请在下面留言，谢谢！

02

重学js之在HTML中使用JavaScript

2、值得注意的是在js代码解析的过程中页面中其他内容将不会被加载和解析，直到该段js执行完成。

02

《Javascript高级程序设计（第四版）》学习笔记（一）第1、2章

DOM 通过创建表示文档的树，让开发者随心所欲的控制网页的内容和结构。借助 DOM 提供的 API，开发人员可以轻松自如的完成对节点的 CRUD 操作

02

如何在页面中引入JS教程

须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:

02

IT课程 JavaScript基础 035_HelloJavaScript

JavaScript 是一种高级动态面向对象的编程语言，也是世界上最流行的编程语言之一。它主要用于 Web 开发，但也广泛应用于服务器端开发、游戏开发、移动开发和其他领域。

01

数据分析自动化数据可视化图表

数据分析是指用适当的统计分析方法对收集来的大量数据进行分析，将它们加以汇总和理解并消化，以求最大化地开发数据的功能，发挥数据的作用。

06

【JavaWeb】79：JavaScript和Java的关系？

就历史来源来说它们还是有一定的渊源的，事实上JavaScript早期叫LiveScript。

02

JavaScript 用法

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

02

利用腾讯的ip地址库做ip地址定位

腾讯的这个还是相对比较准确的。因为腾讯每个QQ用户发现自己匹配的地理位置信息不准确都可以提交更正的http://fw.qq.com/ipaddress 调用： <script type=text/javascript src=http://fw.qq.com/ipaddress charset="gb2312"></script> <script type=text/javascript> document.write(IPData.join(' ')); </script> 显示结果为： 202.105.

05

JavaScript 中 10 个需要掌握基础的问题

JavaScript 是一种客户端编程语言。全球超过90％的网站都在使用它，它是世界上最常用的编程语言之一。因此，今天我们业讨论 10 个有关 JavaScript 的常见问题。

02

js如何引用js脚本

使用标签 这是最简单的方法，通过在 HTML 页面中插入 标签来引用 JS 脚本：

01

`Web前端基础【3】--JavaScript基础`

JavaScript是一种轻量级的客户端脚本语言，和Python语言是一样的，只不过JavaScript是由浏览器进行解释执行的。JavaScript可以插在HTML页面中，可由现行的所有浏览器执行。

04

`js三种引用方式`

2.行内使用方式，在标签内声明一下，比如a标记herf内嵌套JavaScript：

02

`使用express框架开发，如何在ejs文件中导入外部的js、css文件`

首先看一下这篇文章： https://blog.csdn.net/MPFLY/article/details/78134980

00

`微信小程序入门（四）`

WXSS(WeiXin Style Sheets)是一套样式语言，用于WXML的组件样式

02

`高性能的JavaScript--加载和执行`

JavaScript在浏览器中的性能，可认为是开发者所要面对的最重要的可用性的问题，此问题因JavaScript的阻塞特征而复杂，也就是说JavaScript运行时其他的事情不能被浏览器处理，事实上，大多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务，而同一时间只能有一个任务被执行。JavaScript运行了多长时间，那么浏览器空闲下来响应用户输入之前的等待时间就有多长。

02

`内存控制`

这个限制可以通过 v8 提供的选项解除，如 node --max-old-space-size=1700 test.js

00

`【JavaScript】JavaScript 简介 ② ( JavaScript 书写方式 | 内联 JavaScript | 内嵌 JavaScript | 外部 JavaScript )`

将单行或少量 JavaScrip 代码直接在 HTML 标签元素中的 onclick / onload / onmouseover 等事件中 , 这种 JavaScrip 书写方式称为 " 内联 JavaScript " ;

01

`更好的理解 Script 标签元素`

我们在《Javascript简史》这遍文章中说过，「Javascript」这门语言是由 Netscape开发而来，当初开发的时候为了能让「Javascript」这门语言能与 HTML 页面共存，而且不影响页面的其他内容，为此增加了一个统一的脚本支持（ script 脚本元素）。

02

`Go 函数也是一等公民`

和JavaScript一样，在Go语言的世界里，函数也是一等公民，一个函数几乎就是一个代码块，不过和JavaScript不一样的是，Go的函数没有很明确的顺序，也就是说，你编写的函数在顺序上是无关紧要的，不过还是最好放在main函数之后。假设，你有一组文件，如下：

01

`小程序 | 9-wxs`

WXS（WeiXin Script）是小程序的一套脚本语言，有自己的语法，结合 WXML，可以构建出页面的结构。WXS != JavaScript

04

`JQuery安装与下载教程（efficiency）`

一. 认识（1） jQuery 文件有两个常用版本：一个是 1.x 版本，另一个是 3.x 版本。3.x 版本是目前的最新版本，与 1.x 版本有着相同的 API。1.x 版本兼容 IE6、IE7 和 IE8，而 3.x 版本不兼容 IE6、IE7 和 IE8。

02

`网页基础篇之如何制作简单的静态网页`

每个人都有一个属于自己的星空上一期介绍了sublime text3开发工具，那么接下来当然是开始了解代码。一个静态网页大体由HTML, CSS和JavaScript组成。HTML是主体，装载DOM元素，CSS用来装饰DOM元素，JavaScript控制DOM元素。用一扇门比喻三者间的关系是：HTML是门的门板，CSS是门上的油漆或花纹，JavaScript是门的开关。 HTML介绍 HTML是描述网页的一种超文本标记语言(标记标签) HTML通常是成对出现由尖括号包围的关键词 (例：) HTML定义了

07

`js作用域、作用域链和它的一些优化_2023-02-28`

作用域和作用域链是所有JavaScript开发人员每天都要接触和应用的内容。不管是面试中的作用域链的面试考察，还是日常代码研发中变量与作用域链的构建，它的身影几乎无处不在。它就像一顶优秀厨师的厨师帽，只要我们走进厨房，我们就要将它整理好，套在头上。没有它整洁干净的戴在头上，你就不是一名好的JavaScript工程师。

02

`听GPT 讲Deno源代码(3)`

在Deno项目的源代码中，deno/ext/webgpu/lib.rs文件的作用是实现了与WebGPU相关的功能。具体来说，它定义了一系列关键的结构体和枚举，以方便使用WebGPU接口。

01

`JavaScript 基础`

向HTML页面中添加交互行为脚本语言，语法和Java类似解释性语言，边执行边解释

02

`理解JavaScript闭包机制`

JavaScript中的闭包是一种强大的概念，它允许我们在函数内部创建和访问私有变量，并且可以在函数外部继续使用这些变量。理解闭包的工作原理对于编写高质量的JavaScript代码至关重要。本文将深入探讨JavaScript闭包的机制，并结合最佳实践和代码示例进行详细说明。

02

`js作用域、作用域链和它的一些优化`

作用域和作用域链是所有JavaScript开发人员每天都要接触和应用的内容。不管是面试中的作用域链的面试考察，还是日常代码研发中变量与作用域链的构建，它的身影几乎无处不在。它就像一顶优秀厨师的厨师帽，只要我们走进厨房，我们就要将它整理好，套在头上。没有它整洁干净的戴在头上，你就不是一名好的JavaScript工程师。

00

`《现代Javascript高级教程》Javascript执行上下文与闭包`

JavaScript中的闭包源于计算机科学中的一种理论概念，称为“λ演算”（Lambda Calculus）。λ演算是计算机科学的基础之一，1930年由Alonzo Church提出，它是一种用于描述计算过程的数学抽象模型，也是函数式编程语言的基础。

03

`性能优化`

内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法：合并多个CSS文件和js文件，利用CSS Sprites整合图像，Inline Images(使用 data：URL scheme在实际的页面嵌入图像数据 )，合理设置HTTP缓存等。 (2)减少DNS查找 (3)避免重定向 (4)使用Ajax缓存 (5)延迟加载组件,预加载组件 (6)减少DOM元素数量:

01

`理解闭包 js回收机制`

为什么要有回收机制？why？打个比方，我有一个内存卡，这个内存是8G的，我把文件，视频，音乐，都保存到了这个内存卡，随着我的储存的内容越来越多，这个内存卡已经保存不了了，如果我还想再把其他的文件保存到这个内存卡就需要删除一些文件，但是这些被删除的文件是我们自己手动删除的对吧，手动删除就相当于js中的delete。在这些程序语言中同样也会出现这些问题，对，内存！我们声明的任何变量都需要消耗内存，这些变量越多运行的速度也会越慢。当然不只是变量，代码中的任何东西。这些语言的设计者为了解决这些问题，设计了一套代

08

`认识JavaScript`

用来解析HTML与css，俗称内核，比如Chrome浏览器的blink，老版本webkit

03

`前端性能优化（PC版）`

前端的性能优化是一个很宽泛的概念，最终目的都是为了提升用户体验，改善页面性能。面试的时候经常会遇到问谈谈性能优化的手段，这个我分几大部分来概述，具体细节需要自己再针对性的去搜索，只是提供一个索引（太多了写不过来+主要是懒得写）。这里PC端和移动端分开说了，业务场景不同，需要考虑各自的优化手段

04

`前端冲刺必备指南-执行上下文/作用域链/闭包/一等公民`

前言大家好，我是吒儿?，每天努力一点点?，就能升职加薪?当上总经理出任CEO迎娶白富美走上人生巅峰?，想想还有点小激动呢?。这是我的第11期文章内容✍，我并不希望把?这篇文章内容成为笔记去记，或者

01

`11期前端冲刺必备指南-执行上下文/作用域链/闭包/一等公民`

前言大家好，我是吒儿👦，每天努力一点点💪，就能升职加薪💰当上总经理出任CEO迎娶白富美走上人生巅峰🗻，想想还有点小激动呢😎。这是我的第11期文章内容✍，我并不希望把👉这篇文章内容成为笔记去记，或者说是总结一些要点。而是希望通过这篇文章真正地去理解，掌握，一行一行的解析其内容本质，去思考✅每一行，每一段的内容。希望能够把每一处知识点，说明白，（当然，如果哪一处不了解，可以在评论区进行探讨哦！）⏰，计时开始！如果您发现本文有帮助，请您点赞，收藏，评论，留下您学习的脚印👣，我很乐意谈论😃 1. 执行上下文

01

`「 1.JavaScript的编写位置：」`

one day {dotted startColor="#ff6c6c" endColor="#1989fa"/}

01

`前端技术提高页面加载速度`

一、使用良好的结构可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的和标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您的网页中使用较少的 XHTML 代码，以减小页面大小。如果您确实不得不使用 XHTML，试着尽可能对它进行优化。

02

`我的前端学习历程`

06

`【JavaScript】案例1：使用JS完成注册页面校验`

JavaScript 常用来为网页添加各式各样的动态功能。例如：点击隐藏、点击显示。

07

`【说站】JavaScript插入html页面的方法`

本教程操作环境：windows7系统、javascript1.8.5版&&HTML5，DELL G3电脑。

01

`MoonBit，用于Wasm的新型语言工具链简介`

我们来看看 MoonBit，这是一种现代语言加工作流程，旨在创建高效的 WebAssembly 项目（它也可以针对 JavaScript）。

01

`桌面端前端性能优化策略`

例如同一个域名 CDN 服务器上的 a.js，b.js，c.js 就可以按如下方式在一个请求中下载：

02

`扫码`

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

`相关资讯`

`热门标签`

更多标签

`活动推荐`

`运营活动`

广告关闭