外部javascript在与html文件相同的目录中时不起作用。

外部JavaScript在与HTML文件相同的目录中时不起作用的原因是由于文件路径的问题。当JavaScript文件与HTML文件位于同一目录时，可以使用相对路径来引用JavaScript文件。相对路径是相对于当前HTML文件的路径来指定文件位置。

如果外部JavaScript文件在与HTML文件相同的目录中，可以使用以下方式来引用它：

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

其中，filename.js是外部JavaScript文件的文件名。这种方式会根据当前HTML文件的路径来查找并加载JavaScript文件。

然而，如果外部JavaScript文件仍然不起作用，可能是由于以下原因之一：

文件名错误：请确保文件名的拼写和大小写与实际文件名一致。
文件路径错误：请确保HTML文件和JavaScript文件实际位于相同的目录中。
文件未正确引用：请确保在HTML文件的<head>或<body>标签中正确引用了JavaScript文件。

外部JavaScript的应用场景非常广泛，可以用于增强网页的交互性、实现动态效果、进行表单验证等。以下是一些腾讯云相关产品和产品介绍链接地址，可以帮助您更好地利用云计算技术：

云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景。了解更多：云服务器产品介绍
云函数（SCF）：无服务器计算服务，支持按需运行代码，无需管理服务器。了解更多：云函数产品介绍
云数据库 MySQL 版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种应用场景。了解更多：云数据库 MySQL 版产品介绍
云存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理各种类型的数据。了解更多：云存储产品介绍
人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，帮助开发者构建智能应用。了解更多：人工智能平台产品介绍

希望以上信息能够帮助您理解外部JavaScript在与HTML文件相同目录中不起作用的原因，并为您提供一些相关的腾讯云产品和介绍链接。

相关·内容

在ASP.NET中，IE与Firefox下载文件带汉字名时乱码的解决方法

; HttpContext.Current.Response.BinaryWrite(ms.ToArray()); HttpContext.Current.Response.End(); 不过上述方法在firefox

1.2K2 0

天了噜，为什么外链css要放在头部，js要放在尾部？

我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。...首先整个页面展示给用户会经过html 的解析与渲染过程。而外链css无论放在html的任何位置都不影响html的解析，但是影响html的渲染。...解析过程中，发现script标签暂停解析，网页渲染的控制权转交给JavaScript引擎如果script标签引用了外部脚本，就下载该脚本，否则就直接执行执行完毕，控制权交还渲染引擎，恢复往下解析HTML...async和defer的区别： 0、async和defer都仅对外部脚本有效，对于内置而不是连接外部脚本的script标签，以及动态生成的script标签不起作用。...1、async和defer虽然都是异步的，不过使用async标志的脚本文件一旦加载完成就会立即执行；而使用defer标记的脚本文件，会在 DOMContentLoaded 事件之前（也就是页面DOM加载完成时

2.6K2 0

Bootstrap 43 页面基础模板与兼容旧版本浏览器

Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。...-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> 注意：官方提供的压缩的源代码中，不包含 html5shiv和 Respond.js文件，需要使用到这两个文件，要自行下载。...细心的朋友可能发现，在示例模板中，Bootstrap 4没有兼容性文件，而 Bootstrap 3中，有 html5shiv.js 和 respond.js。....html html5shiv html5shiv是一个针对 IE 浏览器的 HTML5 JavaScript 补丁，目的是让 IE 识别并支持 HTML5 元素详细介绍和各个版本，请点击 https

2.5K3 0

如何在Ubuntu 14.04中使用NodeJS，SailsJS和DustJS构建SPA（单页应用程序）

目标我们的主要目标是在客户端和服务器上使用Isomorphic（或相同）模板。...在views文件夹中创建layout.dust文件： touch views/layout.dust 将以下HTML代码复制到layout.dust： <!...如果没有，请查看以前的步骤。此外，链接在此时不起作用。第5步 - 创建部分注意：部分（或模板）是页面的一部分。在SPA中，我们不会替换整个页面，只是部分。...在目录partials中创建views目录，然后切换到这个新目录： mkdir views/partials cd views/partials 在partials目录创建home.dust，about.dust...您可以检查assets/js/clickHandler.js中的代码，以便更好地理解代码。名为xxx的Dust模板是在名为xxx.dust的文件中创作出来的。

3K0 0

Xss 备忘单

HTML 上下文——简单的标签注入当输入位于 HTML 标记或外部标记的属性值内时使用。... "> HTML 上下文——在块标记注入中当输入位于以下标签的打开/关闭之内或之间时使用： <style...javascript:alert(1) data:text/html, Javascript 上下文——逻辑块中的代码注入当输入落在脚本块中、字符串分隔值内和单个逻辑块内...brute@logic:~$ exiftool -Artist='”>' xss.jpeg 文件上传注入——SVG文件用于在上传图像文件时在目标上创建存储的...（仅限字符串）当不允许使用括号并且一个简单的警告框就足够时，在 HTML 矢量或 javascript 注入中使用。

1.6K3 0

Kali Linux Web渗透测试手册(第二版) - 5.5 - 利用BeEF执行xss攻击

在kali linux中默认的BeEF的服务是不起作用的，所以不能以beef-xss这样简单的方式来启动BeEF。...在浏览器被hook.js文件挂钩之后，目标用户在被域中导航攻击时，攻击者最好要让会话变为持久性的。...例如，在模块目录中，到Browser | Get Cookie，点击Execute来获取用户的Cookie: 原理剖析在此小节中，我们使用script标记中的src属性来调用外部JavaScript文件...这个hook.js文件与服务器通信，执行命令，并返回响应，以便攻击者可以看到;它不会在客户端浏览器中打印任何内容，因此受害者通常不会知道他的浏览器已经被劫持。...在让受害者执行钩子脚本之后，我们使用浏览器中的持久化模块Man-in-the-Browser，让浏览器在每次用户单击到相同域的链接时执行AJAX请求，以便该请求保留钩子并加载新页面。

3.2K1 0

Vue项目使用CSS变量实现主题化

Github项目地址演示地址可行性测试为了检验方法的可行性，在public文件夹下新建一个themes文件夹，并在themes文件夹新建一个default.css文件： :root { --...color: red; } 在public文件夹的index.html文件中引入外部样式theme.css，如下： <!...这是因为@vue/cli将src目录下的文件都通过webpack打包所引起，所以，静态文件资源要放在public（如果是@vue/cli 2.x版本放在static）文件夹下。...实现主题切换这里主题切换的思路是替换link标签的href属性，因此，需要写一个替换函数，在src目录下新建themes.js文件，代码如下： // themes.js const createLink...安装： npm install css-vars-ponyfill mutationobserver-shim --save 然后，在themes.js文件中引入并使用： // themes.js import

1.1K2 0

怎样只使用 CSS 进行用户追踪？

类似 Google 分析之类的工具几乎可以抓到所有需要的内容，包括来源，语言，设备，停留时间等等。但是，想获取一些感兴趣的信息，你可能不需要任何外部追踪器，甚至不需要 JavaScript。...其中一个诀窍是，例如 Google 分析总是从外部集成的，一段来自 Google CDN 的 JavaScript 代码。嵌入的 URL 总是相同的，因此可以轻松的将它阻止掉。...index.html 文件中，我们有了上面的 CSS 代码。...在 CSS 中，我们可以使用多种后备方案，换句话说，可以指定多种字体。如果第一个在系统上不起作用，浏览器将会尝试第二个。...我们可以在按钮被点击时，做相同的事情。在 CSS 中，这就是活动事件。

1.7K2 0

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

JavaScript 是属于 HTML 和 Web 的编程语言，编程令计算机完成您需要它们做的工作。本文记录基础教程与部分功能。...脚本可被放置与 HTML 页面的或部分中，或兼而有之。标签在 HTML 中，JavaScript 代码必须位于与标签之间。...; } 外部脚本很实用，如果相同的脚本被用于许多不同的网页。 JavaScript 文件的文件扩展名是 *.js*。...外部脚本的优势在外部文件中放置脚本有如下优势：分离了 HTML 和代码使 HTML 和 JavaScript 更易于阅读和维护已缓存的 JavaScript 文件可加速页面加载如需向一张页面添加多个脚本文件...函数参数（Function arguments）是当调用函数时由函数接收的真实的值。在函数中，参数是局部变量。

7082 0

Android：你不知道的 WebView 使用漏洞

} } } 当一些 APP 通过扫描二维码打开一个外部网页时，攻击者就可以执行这段 js 代码进行漏洞攻击。在微信盛行、扫一扫行为普及的情况下，该漏洞的危险性非常大 B....File 域下执行任意 JavaScript 代码使用 file 域加载的 js代码能够使用进行同源策略跨域访问，从而导致隐私信息泄露同源策略跨域访问：对私有目录文件进行访问针对 IM 类产品...（）不起作用） // 在Android 4.1后默认禁止当AllowFileAccessFromFileURLs（）被设置成true时，攻击者的JS代码是： // 通过该代码可成功读取 http://...把恶意的 js 代码输出到攻击应用的目录下，随机命名为 xx.html，修改该目录的权限； 2. 修改后休眠 1s，让文件操作完成； 3....等待 4s 让 Chrome 加载完成该 html，最后将该 html 删除，并且使用 ln -s 命令为 Chrome 的 Cookie 文件创建软连接注：在该命令执行前 xx.html 是不存在的

3.2K2 0

【HTML】：编码规范

[建议] HTML 文件使用无 BOM 的 UTF-8 编码。 UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...引入 CSS 和 JavaScript 文件 [强制] 引入 CSS 时必须指明 rel="stylesheet"。...根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。示例： [建议] 展现定义放置于外部 CSS 中，行为定义放置于外部 JavaScript 中。...在未指定 favicon 时，大多数浏览器会请求 Web Server 根目录下的 favicon.ico 。

2.1K2 0

CSS基础学习（1）

) color: rgba(253,217,106,0.3); 注意建议使用十六进制表达方式调试时可以用英文字母形式，初期的调试就是随便设置一个颜色，查看区块是否存在等，在合模型中我们会遇到设置文字透明度或者背景透明度...color: #FFFFFF; } 外部样式当添加样式标签较多时，会出现头重脚轻引入css存放样式代码建一个index.css文件写入建立HTML和CSS文件的联系...text文件下有index.html 和 index.css 当前在index.html引入index.css就要用 ..../当前文件夹目录 ../:回到上一级文件夹目录 .....，或者不同的类名的标签添加相同的样式规则在标签名后或者类名后用逗号隔开 .box,p,h3,.phone{} box和phone标签名为p、h3的标签添加相同的属性 2-5 选择器的优先级单个选择器的优先级

7751 0

Carson带你学Android：你不知道的 WebView 使用漏洞

} } } 当一些 APP 通过扫描二维码打开一个外部网页时，攻击者就可以执行这段 js 代码进行漏洞攻击。在微信盛行、扫一扫行为普及的情况下，该漏洞的危险性非常大 B....中的 javascript 读取其它本地文件。...（）不起作用） // 在Android 4.1后默认禁止当AllowFileAccessFromFileURLs（）被设置成true时，攻击者的JS代码是： // 通过该代码可成功读取 http://...具体攻击步骤：把恶意的 js 代码输出到攻击应用的目录下，随机命名为 xx.html，修改该目录的权限；修改后休眠 1s，让文件操作完成；完成后通过系统的 Chrome 应用去打开该 xx.html...文件等待 4s 让 Chrome 加载完成该 html，最后将该 html 删除，并且使用 ln -s 命令为 Chrome 的 Cookie 文件创建软连接注：在该命令执行前 xx.html

1.2K1 0

如何将 JavaScript 文件引入到 HTML

遵循通用显示标准的现代 Web 浏览器通过内置引擎支持 JavaScript，无需额外的插件。在处理 Web 文件时，需要加载 JavaScript 并与 HTML 标记一起运行。...这可以在 HTML 文档中内联完成，也可以在浏览器将与 HTML 文档一起下载的单独文件中完成。...使用单独的 JavaScript 文件为了适应更大的脚本或将在多个页面中使用的脚本，JavaScript 代码通常存在于一个或多个 jsHTML 文档中引用的文件中，类似于引用 CSS 等外部资产的方式...这将包括 script.js在 js/目录，style.css在 css/目录中，并主要 index.html在项目的根。...我们应该会看到一个类似于以下内容的页面： image.png 现在我们已经将 JavaScript 放在一个文件中，我们可以从其他网页以相同的方式调用它，并在一个位置更新它们

11.9K4 0

TypeScript快速入门

同时，微软工程师们发现，内部的研发部门以及外部的客户都表示JavaScript在大型Web应用中很容易出现失控，变得难以驾驭。...编译成功之后，会在相同目录下生成一个同名的js文件。当然，tsc命令工具还可以同时编译多个ts文件，多个文件之间用逗号隔开，如下所示。...除了VSCode外，WebStrom也是一款不错的前端开发工具，开发时可以根据情况进行选择。示例程序首先，我们新建一个index.html文件，然后添加如下代码：然后，再创建一个hello.ts文件，在文件中添加如下代码。...tsc hello.ts 等待编译完成，会在相同目录下生成一个hello.js文件，然后使用浏览器打开index.html文件，运行效果如图2-2所示。

5501 0

网站性能优化

即使某个文件在不同的服务器上会处于相同的目录下，文件大小、权限、时间戳等都完全相同，但是在不同服务器上他们的内码也是不同的。　　IIS 5.0和IIS 6.0处理ETag的机制相似。...在实际应用中使用外部文件可以提高页面速度，因为JavaScript和CSS文件都能在浏览器中产生缓存。内置在HTML文档中的JavaScript和CSS则会在每次请求中随HTML文档重新下载。...这虽然减少了HTTP请求的次数，却增加了HTML文档的大小。从另一方面来说，如果外部文件中的JavaScript和CSS被浏览器缓存，在没有增加HTTP请求次数的同时可以减少HTML文档的大小。　　...对于拥有较大浏览量的首页来说，有一种技术可以平衡内置代码带来的HTTP请求减少与通过使用外部文件进行缓存带来的好处。...其中一个就是在首页中内置JavaScript和CSS，但是在页面下载完成后动态下载外部文件，在子页面中使用到这些文件时，它们已经缓存到浏览器了。 20.

3.1K4 0

网站性能最佳体验的34条黄金守则(转载)

即使某个文件在不同的服务器上会处于相同的目录下，文件大小、权限、时间戳等都完全相同，但是在不同服务器上他们的内码也是不同的。 IIS 5.0和IIS 6.0处理ETag的机制相似。...在实际应用中使用外部文件可以提高页面速度，因为JavaScript和CSS文件都能在浏览器中产生缓存。内置在HTML文档中的JavaScript和CSS则会在每次请求中随HTML文档重新下载。...从另一方面来说，如果外部文件中的JavaScript和CSS被浏览器缓存，在没有增加HTTP请求次数的同时可以减少HTML文档的大小。 ...对于拥有较大浏览量的首页来说，有一种技术可以平衡内置代码带来的HTTP请求减少与通过使用外部文件进行缓存带来的好处。...其中一个就是在首页中内置JavaScript和CSS，但是在页面下载完成后动态下载外部文件，在子页面中使用到这些文件时，它们已经缓存到浏览器了。

1.4K1 0

JavaWeb学习——4.XML

标记性语言：html就是标记性语言可扩展：html中每个标签是固定的，每个标签都有其特定的含义但是xml中的标签是可以自己定义的 2.xml用途和介绍 html是用于显示数据，xml也可以显示数据... (4)属性的命名规范和标签相同 4.注释，特殊字符注释：写法：注意：注释是不能嵌套的，也就是注释之中时不能再写注释的助事业不能放在第一行第一列，因为这个地方必须放文档声明特殊字符：...注意：PI指令对中文的标签元素是不起作用的注意：PI指令对中文的标签元素是不起作用的 3.xml的约束 1.为什么需要约束比如现在定义一个person的xml文件，只想要在这个文件中保存person... 简单元素：没有子元素复杂元素：有子元素 (3)在xml文件中引入dtd文件 ?... 在src目录下创建一个xml文件和dtd文件当xml文件引入了dtd文件之后，会检查xml和dtd的匹配，若不匹配则会报错 2.dtd文件的三种引用方式 (1)引用外部dtd文件 ?

7212 0

前端语言基础【第一篇：HTML5 & CSS】

HTML5文档基础结构中第一行就是HTML5的DOCTYPE声明 Html文件开始标签和结束的标签——文档的根标签指定html文档的一些属性...该标签可以直接引用外部脚本文件，也可以直接将脚本命令写在标签中显示在页面上的内容都写在body里面 (3) 基本规范 HTML5使用

1.8K2 0

Javascript模块化详解

以后需要用到这个模块时，就会到exports属性上取值。即使再次执行require命令，也不会再次执行该模块，而是到缓存中取值。...它和前几种方式有区别和相同点: 它因为是标准，所以未来很多浏览器会支持，可以很方便的在浏览器中使用它同时兼容在node环境下运行模块的导入导出，通过import和export来确定可以和CommonJS.../utils.js'; // other code 对于加载外部模块，需要注意：代码是在模块作用域之中运行，而不是在全局作用域运行。...如果不希望将后缀名改成.mjs，可以在项目的package.json文件中，指定type字段为 { "type": "module" } 一旦设置了以后，该目录里面的 JS 脚本，就被解释用 ES6...注意，ES6 模块与 CommonJS 模块尽量不要混用。require命令不能加载.mjs文件，会报错，只有import命令才可以加载.mjs文件。

5572 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云