开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我有一个JS列表函数，它可以在使用内联脚本时工作，但不能在HTML和JS位于不同的文件中时工作

您好！根据您的描述，您遇到了一个问题：您有一个JS列表函数，在使用内联脚本时可以正常工作，但当HTML和JS位于不同的文件中时无法工作。下面是对这个问题的完善且全面的答案：

问题分析：这个问题可能是由于文件路径或加载顺序不正确导致的。当HTML和JS位于不同的文件中时，需要确保正确的文件路径和正确的加载顺序，以确保JS文件能够被正确加载和执行。

解决方案：

确保文件路径正确：
- 确保JS文件的路径是正确的，可以使用相对路径或绝对路径来引用JS文件。
- 如果JS文件位于与HTML文件相同的目录下，可以使用相对路径来引用JS文件，例如：<script src="js/myscript.js"></script>。
- 如果JS文件位于与HTML文件不同的目录下，可以使用相对路径或绝对路径来引用JS文件，例如：<script src="../js/myscript.js"></script>或<script src="/path/to/js/myscript.js"></script>。

确保正确的加载顺序：
- 在HTML文件中，确保先加载所需的JS文件，然后再执行相关的JS代码。可以将JS文件的引用放在HTML文件的<head>标签中或<body>标签的底部。
- 如果使用了多个JS文件，确保它们的加载顺序正确，即先加载依赖的JS文件，再加载依赖于前一个JS文件的JS文件。
检查代码逻辑：
- 检查JS列表函数的代码逻辑，确保没有依赖于内联脚本的特定环境或变量。
- 确保JS列表函数的代码没有与其他JS代码冲突或重复定义。

推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了一系列云计算相关的产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官网了解更多详情：腾讯云官网

希望以上解决方案对您有帮助！如果您有任何其他问题，请随时提问。

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

有帮助

没帮助

相关·内容

Require.Js 前端模块化

注意：在请求多个模块的时候，一般将没有返回值的模块放在后面，有返回值的放在前面，这样就可以避免要为没有返回值的模块写形参！

04

WordPress 路径相关函数总结（三）：插件路径相关函数

上一篇文章是《WordPress 路径相关函数总结（二）：主题路径相关函数》，今天这一篇则是针对WordPress 插件的函数，对于开发WordPress 插件的开发者很有帮助；之前在更新S-shortcodes v2.1.0 版本的时候就是采用了下面其中一个函数才完美解决路径的问题。 plugins_url() 获取当前插件的目录的URI，例如一个插件位于/wp-content/plugins/myplugin下，该目录下放有插件的主文件名为myplugin.php，在myplugin.php中执行下面的

08

通过核心概念了解webpack工作机制

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。需要先理解四个核心概念：入口(entry) 输出(output) loader 插件(plugins) 入口(entry) 入口指 webpack 构建其内部依赖图开始的模块。进入入口后，webpack 会找出有哪些

08

前端面试题-url、href、src

比如网址 http://segmentfault.com/html/...，必须遵守以下的语法规则：

02

Golang语言社区--【H5游戏开发基础知识】JavaScript 用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 ---- <script> 标签如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。 <script> 和 </script> 之间的代码行包含了 JavaScript: <script> alert("我的第一个 JavaSc

08

web项目中，视图层中关于相对路径和绝对路径

1.在jfinal项目中　　因为一直使用的jfinal，没感觉路径问题。　　举个栗子，项目名字叫做test.访问一个Controller的映射为/user/add.这样，在浏览器地址栏直接：localhost:8080/user/add就可以直接访问到add方法了。当然，这样需要通过配置不同的端口来发布不同的项目，不然肯定冲突了。端口指定项目的路径。比如： <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="t

04

JS相关概念

1、CSS和JS在网页中的放置顺序是怎样的？（1）CSS 对于谷歌浏览器和Safari放在head里或body里都一样。因为它是在全部的样式表完全加载下来之后才开始渲染页面，将内容呈现在页面上。对于Firefox，head标签中的<link rel="stylesheet">行为与Chrome/Safari中完全一致，这些link标签全部加载完成之前，页面上不显示内容。而body标签中的<link rel="stylesheet">则不阻塞任何内容显示，会出现FOUC无样式内容闪烁。对于IE/Edge

02

浏览器已原生支持 ES 模块，这对前端开发来说意味着什么？

还记得当初入门前端开发的时候写过的 Hello World 么？一开始我们先创建了一个 HTML 文件，在 <body> 标签里写上网页内容；后来需要学习页面交互逻辑时，在 HTML markup 里增加一个 <script src="script.js"> 标签引入外部 script.js 代码，script.js 负责页面交互逻辑。

08

webpack学习简单总结

webpack使用总结：入门使用：这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图： chunk指相应的区块。要是css引入正确：必须引入css-loade

06

假如用王者荣耀的方式学习webpack

崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出不断的机关，守护着华丽的大明宫。派克为人低调，不喜出现在大众视野，他是需求人性启迪的理想主义者，信奉着唯有光荣进化才能实现人类的全部潜能。

02

RPO 相对路径覆盖攻击

RPO (Relative Path Overwrite) 相对路径覆盖，最早由 Gareth Heyes 在其发表的文章中提出。主要是利用浏览器的一些特性和部分服务端的配置差异导致的漏洞，通过一些技巧，我们可以通过引入相对路径来引入其他资源文件，以达到我们的目的。

01

前端性能优化总结

标记为async的脚本并不保证按照指定它们的先后顺序执行。对它来说脚本的加载和执行是紧紧挨着的，所以不管你声明的顺序如何，只要它加载完了就会立刻执行。

03

超越Ctrl+S保存页面所有资源

页面所有资源包含本页面所在域资源以及第三方域资源，同主域的资源也认为第三方域资源，这种资源一般是以绝对路径的方式标识，同域下资源主要有三种表现方式（以https://www.baidu.com举例）

03

webpack中的模块(modules)

在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。

01

npm 及vue，router，webpack安装快速起步

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

03

Hadoop数据分析平台实战——040HDFS介绍（熟悉基础概念跳过）离线数据分析平台实战——040HDFS&JAVA API（熟悉基础概念跳过）

离线数据分析平台实战——040HDFS&JAVA API（熟悉基础概念跳过） HDFS结构介绍 HDFS是Hadoop提供的基于分布式的文件存储系统。全称为Hadoop Distributed File System。主要由NameNode、DataNode两类节点构成。其中NameNode节点的主要功能是管理系统的元数据，负责管理文件系统的命令空间，记录文件数据块在DataNode节点上的位置和副本信息，协调客户端对文件系统的访问，以及记录命名空间的改动和本身属性的变动。 DataNode节

JavaScript模块化发展

简介在最开始学习前端的时候只需要一个js文件就能玩转一个小的练手应用，但是随着自己不断的学习，ajax、jQuery等广泛应用，使得我们的代码量变得巨大，代码变得格外的混乱。现在迫切的需要我们将大段的代码分离开来。前端最开始并没有像java中package概念以及import那样的引包工具。JavaScript源生代码是在ES6的时候才正式的引入import这个API，来调用其他文件。在这之前也同样出现了很多社区来实现模块化开发。 ---- 发展历程注意下面会讲历史上面出现的一些类库，有一些现在已经没

03

假如用王者荣耀的方式学习webpack

崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出不断的机关，守护着华丽的大明宫。派克为人低调，不喜出现在大众视野，他是需求人性启迪的理想主义者，信奉着唯有光荣进化才能实现人类的全部潜能。

00

前后端分离之vue2.0+webpack2 实战项目 -- webpack介绍

webpack的一点介绍 Webpack 把任何一个文件都看成一个模块，模块间可以互相依赖（require or import），webpack 的功能是把相互依赖的文件打包在一起。webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样，任何资源都可以成为 Webpack 可以处理的模块。同时，webpack还有丰富的插件 plugin，可以完成例如js,css的压缩，公共依赖模块的提取和注入，甚至利用模板对 h

06

㊙️ 你所不知道的webpack秘密！

Webpack 是当下最热门前端资源模块化管理和打包工具。任何形式的资源都可以视作模块，通

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭