开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我正在尝试将javascript整合到我的html中，第一种方法工作得很完美，但是第二种方法根本不起作用，但是为什么呢？

首先，感谢您对我的专业知识的期望。对于您的问题，我将尽力给出一个完善且全面的答案。

在将JavaScript整合到HTML中时，通常有两种方法可以实现：

内联方式：将JavaScript代码直接嵌入到HTML文件中的<script>标签中。这种方法非常简单，只需在HTML文件中添加<script>标签，并在标签内编写JavaScript代码即可。例如：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Integration</title>
</head>
<body>
    <h1>JavaScript Integration</h1>

    <script>
        // 在这里编写JavaScript代码
    </script>
</body>
</html>

这种方法的优势是简单直接，适用于较小的JavaScript代码片段。它可以在HTML文件中直接使用JavaScript变量和函数，并且可以与HTML元素进行交互。

外部引入方式：将JavaScript代码保存在独立的.js文件中，并通过<script>标签将其引入到HTML文件中。这种方法适用于较大的JavaScript代码，可以提高代码的可维护性和重用性。具体步骤如下：

创建一个独立的.js文件，例如script.js，并将JavaScript代码保存在其中。
在HTML文件中使用<script>标签引入外部的.js文件。例如：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Integration</title>
    <script src="script.js"></script>
</head>
<body>
    <h1>JavaScript Integration</h1>

    <!-- 在这里可以使用外部引入的JavaScript代码 -->
</body>
</html>

确保script.js文件与HTML文件在同一目录下，或者使用正确的相对路径来引用它。

如果第一种方法工作得很完美，而第二种方法根本不起作用，可能有以下几个原因：

文件路径错误：请确保外部引入的.js文件路径正确，并且与HTML文件在同一目录下或者使用正确的相对路径。
文件名错误：请检查外部引入的.js文件名是否正确，包括大小写。
JavaScript代码错误：请检查外部引入的.js文件中的JavaScript代码是否存在语法错误或逻辑错误。可以通过在浏览器的开发者工具中查看控制台输出来检查错误信息。
缓存问题：有时浏览器可能会缓存旧的.js文件，导致新的修改不起作用。可以尝试清除浏览器缓存或使用无缓存模式进行测试。

希望以上解答对您有所帮助。如果您需要更多关于云计算、IT互联网领域的问题解答，或者对腾讯云相关产品感兴趣，可以随时向我提问。

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

有帮助

没帮助

相关·内容

机器学习模型的特征选择第一部分：启发式搜索

特征选择能够改善你的机器学习模型。在这个系列中，我简单介绍你需要了解的特征选择的全部内容。本文为第一部分，我将讨论为什么特征选择很重要，以及为什么它实际上是一个非常难以解决的问题。...我将详细介绍一些用于解决当前特征选择的不同方法。我们为什么要关心特征选择？特征工程对模型质量的影响通常比模型类型或其参数对模型质量的影响更大。...这比我们使用所有属性的精度62％要高得多。现在我们试着只使用第二个属性： ? 比使用全部10个属性要好，但不如仅使用第一个属性。 ? 我们现在也可以尝试2个属性的子集： ?...如果我们没有使用完整的搜索空间，也许会跳过最优解，但是这种方法比穷举的方法要快得多。而且，我们通常会以更快的速度获得很好解决方案，有时甚至会获得最优解。...但是，如果我们提高了精度，就保留最好的属性，并尝试添加一个。重复此过程，直到我们不再需要改进。对于我们以上述10个属性为例？我们从10个模型评估中只有一个属性的10个子集开始。

1.7K10 0

自学编程的六个技巧总结

我推荐三件事情以避免僵局。第一是试着总是阅读更多关于你使用的技术，并总体掌握正在发生什么。通常，当你陷入困境时，意味着你对需要澄清的事情做出了不正确的假设。第二是咨询互联网。...如果我读过更多关于Docker或问一个知道的人，那么可能我早就搞明白了，还可以在更短的时间内学到更多。 3. 为项目而工作在我的经验中，没有什么可以与工作于自己的项目以学习编程更有用的了。...除了一些例外，我所知道的所有真正优秀的程序员都有一个习惯就是工作于业余项目（这也可能发生在工作中！）。有了一个点子并试图实现这个点子是非常具有挑战性的。它需要很强的自律心。...与其他程序员交谈学习编程的一个很好的方法就是和其他的程序员交谈。不必谈论任何特定的内容。可以是你正在学习的东西，可以是你认为很酷的东西，可以是你正在工作的东西，皆可。...但是，我记得很多次，在6个月后（或3个月或9个月），我会回到同样的问题或技术上，弄清楚如何使用它。这是因为我又掌握了一些我以前不具备的知识，或者因为它只是另一种方式的框架。

7237 0

自学编程的六个技巧总结

我推荐三件事情以避免僵局。第一是试着总是阅读更多关于你使用的技术，并总体掌握正在发生什么。通常，当你陷入困境时，意味着你对需要澄清的事情做出了不正确的假设。第二是咨询互联网。...如果我读过更多关于Docker或问一个知道的人，那么可能我早就搞明白了，还可以在更短的时间内学到更多。 3. 为项目而工作在我的经验中，没有什么可以与工作于自己的项目以学习编程更有用的了。...除了一些例外，我所知道的所有真正优秀的程序员都有一个习惯就是工作于业余项目（这也可能发生在工作中！）。有了一个点子并试图实现这个点子是非常具有挑战性的。它需要很强的自律心。...与其他程序员交谈学习编程的一个很好的方法就是和其他的程序员交谈。不必谈论任何特定的内容。可以是你正在学习的东西，可以是你认为很酷的东西，可以是你正在工作的东西，皆可。...但是，我记得很多次，在6个月后（或3个月或9个月），我会回到同样的问题或技术上，弄清楚如何使用它。这是因为我又掌握了一些我以前不具备的知识，或者因为它只是另一种方式的框架。

7398 0

自学编程的6个技巧总结

在被卡住时，我会花很多时间在一些愚蠢的东西或一些我根本上不明白的东西上。有时候我需要花费好几天时间才能完成这些工作，而原本我可以用这些时间做更多的事情和学习更多的东西，如果我能找到更好的解决方法的话。...我推荐三件事情以避免僵局。第一是试着总是阅读更多关于你使用的技术，并总体掌握正在发生什么。通常，当你陷入困境时，意味着你对需要澄清的事情做出了不正确的假设。第二是咨询互联网。...如果我读过更多关于Docker或问一个知道的人，那么可能我早就搞明白了，还可以在更短的时间内学到更多。 3.为项目而工作在我的经验中，没有什么可以与工作于自己的项目以学习编程更有用的了。...除了一些例外，我所知道的所有真正优秀的程序员都有一个习惯就是工作于业余项目（这也可能发生在工作中！）。有了一个点子并试图实现这个点子是非常具有挑战性的。它需要很强的自律心。...但是，我记得很多次，在6个月后（或3个月或9个月），我会回到同样的问题或技术上，弄清楚如何使用它。这是因为我又掌握了一些我以前不具备的知识，或者因为它只是另一种方式的框架。

5645 0

自学编程的 6 个技巧总结

在被卡住时，我会花很多时间在一些愚蠢的东西或一些我根本上不明白的东西上。有时候我需要花费好几天时间才能完成这些工作，而原本我可以用这些时间做更多的事情和学习更多的东西，如果我能找到更好的解决方法的话。...我推荐三件事情以避免僵局。第一是试着总是阅读更多关于你使用的技术，并总体掌握正在发生什么。通常，当你陷入困境时，意味着你对需要澄清的事情做出了不正确的假设。第二是咨询互联网。...如果我读过更多关于Docker或问一个知道的人，那么可能我早就搞明白了，还可以在更短的时间内学到更多。 3.为项目而工作在我的经验中，没有什么可以与工作于自己的项目以学习编程更有用的了。...除了一些例外，我所知道的所有真正优秀的程序员都有一个习惯就是工作于业余项目（这也可能发生在工作中！）。有了一个点子并试图实现这个点子是非常具有挑战性的。它需要很强的自律心。...但是，我记得很多次，在6个月后（或3个月或9个月），我会回到同样的问题或技术上，弄清楚如何使用它。这是因为我又掌握了一些我以前不具备的知识，或者因为它只是另一种方式的框架。

3752 0

GitHub Star数 4 万的贡献者教你如何做 Serverless 开发

首先也是最重要的，我是一名开发者，我一生中的大部分时间都是一名开发者。自从开始我的开发之旅以来，我常试图弄清如何将更多的精力投入到开发，并且简化管理工作。...image.png 第二点，目前并没有很多很好的本地开发工具，可以在本地完美模拟所有的云上服务环境，你做不到这一点。...你正在开发的服务只需要在云上运行，那么为什么不直接尝试在云中进行开发呢？只需要把应用的更新直接部署在云上，并且在云上使用和生产环境完全一致的服务进行开发，在理想模式下，这显然是一种更快的部署开发体验。...我们认为自己在这方面已经取得了很大的进步，但是也还在尝试一些其他的东西，试图成为解决所有这些挑战的银弹。...所以现在做一些任务，我也要改变这些任务的状态。这一点很重要，因为接下来我将返回并输入另一个命令，将生产环境克隆到一个完整的独立应用程序中。这不仅仅是克隆代码基础设施，也是克隆数据。

4236 0

Serverless 助力企业在高度竞争时代赢得比赛

首先也是最重要的，我是一名开发者，我一生中的大部分时间都是一名开发者。自从开始我的开发之旅以来，我常试图弄清如何将更多的精力投入到开发，并且简化管理工作。...第二个问题：目前并没有很多很好的本地开发工具，可以在本地完美模拟所有的云上服务环境。你做不到这一点。大多数人只能模拟函数服务或者 API 网关，或者其他的一些云服务，所以它是非常有限的。...你正在开发的服务只需要在云上运行，那么为什么不直接尝试在云中进行开发呢？只需要把应用的更新直接部署在云上，并且在云上使用和生产环境完全一致的服务进行开发，在理想模式下，这显然是一种更快的部署开发体验。...我们认为自己在这方面已经取得了很大的进步，但是也还在尝试一些其他的东西，试图成为解决所有这些挑战的银弹。...所以现在做一些任务，我也要改变这些任务的状态。这一点很重要，因为接下来我将返回并输入另一个命令，将生产环境克隆到一个完整的独立应用程序中。这不仅仅是克隆代码基础设施，也是克隆数据。 ?

3191 0

编写模块化CSS——BEM

然后，当我尝试不同的方法时，我开始把我认为有意义的东西包含在我的探索过程中。在这篇文章中，我想和大家分享一下我如何构建 CSS 以及为什么我这样做。希望它可以帮助你找到你喜欢的方法。...当我第一次看见 BEM 的时候，我就很讨厌它，甚至没有给它一个机会。我不记得是什么驱使我尝试 BEM 的，但我现在深深的知道它有多么的强大。...但是，我并不喜欢在HTML中再加一个 .button，因为 .button--modifier 已经告诉我，它是一个带有 --secondary 标志的 .button 。...但是有两种方法可以编写简洁的 CSS，而不需要额外的 class！方法 1：使用 mixin 第一种方式，如果使用 Sass 或任何其他预处理器，则使用mixin来封装需要重用的所有代码。...即将分享的第二种方法是使用普通的 CSS，所以你也可以使用它！方法 2：使用 CSS 属性选择器第二种方法 使用CSS属性选择器执行稍微更复杂的选择。

2.1K7 0

反射跨站脚本（XSS）示例

我们需要找到一种方法来分隔斜杠，同时制作一个有效的URL来请求我们的外部托管有效载荷。我们该怎么做呢？解决方案很简单：有一些特殊字符会被浏览器和网络应用程序以特定的方式解释。...正如你所看到的斜线是分开的，但有效载荷工作显示一个弹出。（我混淆了我的网站的IP地址）。...，但为什么我们使用这个有效载荷呢？...经验教训 - 黑名单被打破 alert（）函数或HTML标记已被列入黑名单的事实并不意味着所有的都有，而且您将无法利用您刚发现的XSS。要有创意，不要停留在第一个问题上。过滤器往往做得不好。...如果您阅读代码，您会注意到我们正在调用slice（）函数并对objectId执行一些操作：http://help.adobe.com/zh_CN/AS2LCR/Flash_10.0/help.html?

2.8K7 0

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十四）在项目中使用 jQuery

经过测试，这个方法不适用于高版本的 jquery 高版本请直接使用下面第二种方法引入。...补充第二个方法上面，我们是在 main.js 文件中引用 jQuery 其实，我们还可以在 /index.html 直接引用。...so，明白我为什么不用 npm 安装那种啰嗦的方法了吧~，其实，更多的东西，我们都可以使用这两种方法来引入。因为，这样引入，可以加快打包速度。最佳状态是，打包只打包我们自己的代码。...然后我们重新跑一下系统 npm run dev 就应该可以看到我们想要的效果了。 ? 更加复杂的操作，我没有尝试。但是我可以肯定，绝对没有原生写那样顺畅。还必须依赖 vue 的一些方法什么的。... 就是使用第一节中我说的第二个方法引入。 github 代码已更新。

9857 0

设计数据库:7件你不想做的事情

如果您以前没有设计过数据库，那么不要将关键任务系统作为您的第一个项目。出去雇一个专家来指导你。我认为下面总结得好: 2. 没有性能预期我参与过不止一个项目，在这些项目中根本没有任何性能期望。...好吧，直到我们投入生产，它“太慢了”。如果没有定义一个可接受的性能水平，就很难放松几个月的工作，以使性能达到可接受的水平。最终的结果是我们部署了一个系统，但没有人对这个过程感到满意。...将这些行乘以4个字节，就会有800万字节，或大约7.8MB的浪费空间。我知道听起来不是很多，是吗?好吧，加起来很快。我只向您展示了一列的一个示例，但是您的日期列呢?...数据库设计人员不必担心数据的恢复(因为这是我的工作)，而是关注数据的完整性。如果您正在设计一个数据库，那么您需要确定您已经考虑到了数据质量。你不能指望别人为你做这些。...如果您正在设计一个数据库，那么您需要花费时间来确定究竟会保留多少数据。当存储越来越多的数据时，了解这些信息将帮助您实现项目性能预期。结论这就是我看到好的数据库创意如何变成糟糕的数据库设计的清单。

6036 0

Node.js创造者，Ryan Dahl专访

因为没有多进程，如果你正在做阻塞I/O，你实际上不能处理请求，你一次只做一件，那是永远不会成功的。而我喜欢让HTTP服务器工作得很好。...Pramod: 在2012年，Node已经有一个巨大的开发者基础,你为什么离开，把缰绳交给Joyent的Isaac Schlueter呢？...所以，我有一个社交网络，一个C++构建系统项目，我还有一个HTML构建系统项目，以一个聪明的方式打包你的JavaScript和HTML。我有一堆的项目，在我的印象里没有一个成功的。...因为机器学习正在快速变化，而且还有大量的工作已经完成，但现在社区在神经网络中已经有所缩小，成为机器学习中最有用的算法，也许只是引入了一堆的人，只是尝试这个新的ML框架（TensorFlow），但是这将产生一些有趣的想法...Ryan: 关于这种预言我必须小心一点。人工智能离人类智力还差得远。我的意思是，我们使用的机器学习系统非常简单，基本上根本不起作用。我有一篇博客，其中列举了开发这些模型所遇到的所有困难。

1.3K4 1

看懂 Serverless SSR，这一篇就够了！

在本文中，我想介绍一下我们尝试几种方法去做，也会讲哪一种方法是最适合我们的解决方案。...但是为什么会这样呢？？毫无疑问，您会开始检查代码，很快，您就能看到最初访问您的网站时提供的index.html ?...一旦用户在浏览器中输入SPA支持的网站的URL，我粗略地列举下将会出现以下过程：下载用于SPA初始化的 HTML 下载文件（遇到CSS，JavaScript，图像等）一旦加载了JavaScript并执行它...但是，因为我们知道当时我们的代码库需要大量更改才能正常工作，所以实际上我们还有一个想法，我们想首先尝试一下这种方法。...现在，他们需要再次等待相同的时间，但是这次，他们盯着空白屏幕，等待后端返回服务端渲染的HTML。您可能会问自己为什么要等呢？

7K4 1

支招 | 构建机器学习系统的六个重要步骤

那么，我们如何为机器学习定义问题呢？这取决于很多因素。在我们考虑的所有要素中，第一个应该是了解它将如何使业务受益。...可解释的手册（https://christophm.github.io/interpretable-ml-book/terminology.html）现在轮到我们最关心的部分了。有何不可呢？...：您应该尝试自动执行此部分。市场上有很多这样的工具。我倾向于使用hyperopt。 6.实验 ---- ? 现在你已经创建了模型，它的性能比基线或者你当前的模型表现得更好。我们该如何继续研究呢？...我们有两个选择：在进一步改进我们的模型时进入一个无止境的循环。在生产环境中测试我们的模型，了解可能出现的问题，然后通过持续集成继续改进我们的模型。我更喜欢第二种方法。...我还想强调的一点是持续整合。如果当前模型的性能比现有模型好，为什么不在生产中部署它，而不是在增量收益之后运行呢？要测试你的模型优于现有模型的假设的有效性，可以设置A/B测试。

8103 0

你需要了解的有关 Node.js 的所有信息

我真的很喜欢它，我已经使用 Node.js 工作了 6 年。这篇文章试图成为了解 Node.js 工作原理的终极指南。...解决此限制的一种方法是向服务器添加更多资源（内存，CPU内核等），但这可能根本不是一个好主意... 当然，会有技术限制。阻塞 I/O 服务器中的线程数不仅仅是这里唯一的问题。...线程正在等待。❌ 7. 使用这些产品，是时候渲染模版了，但是在渲染它之前，你应该先读取它。线程正在等待。❌ 8. 模版引擎完成它的工作，并将响应发送到客户端。线程再次开始工作。✔️ 9....JavaScript 进行救援？剧透提醒 ???!! Node.js 解决了这个 C10K 问题... 但是为什么？...主线程忙于执行密集型的代码将无法做其它任何事情。但是 Libuv 呢？

9252 2

JSP 防止网页刷新重复提交数据

但是大多的数都不使用这种方法。方法还有很多。。。...但是struts的action里面mapping.findword（）；跳转的话，默认的是在工程文件夹里面找要跳转的页面。这种情况，怎么解决呢？...另外还要注意，这种方法清除的是最后一个访问历史记录，而不是全部的访问记录。点击上面的链接，你将打开一个简单的HTML页面。...，是在分步提交中一个人的简历，在写完第一个页面后跳到第二个页面，为了防止用户用后退返回到第一个页面，再重新提交第一个页面，我是当用户提交第一次提交第一个页面时，把插入数据库中的记录的自增长id号放到session...里，当用户从第二个页面返回到第一个页面再一次提交该页面时，我就用session里的值去数据库查，如果有这个id就用update语句把第一个页面的数据写进数据库，如果没有查到这个id,就用insert语句

11.5K2 0

深度好文 | JavaScript 疲劳终极指南：我们行业的真相

第一个章节可能会有点哲学化，但是我保证绝对值得一读。 1我们行业的真相 101 就像 Patrick 在他的文章里写到的，我们先从一些最基础、最根本的真相说起：软件是用来解决业务问题的。...说到我们的目标——减少支出提升收益——我认为作为程序员的我们应该更加关注需求和设计，积极思考，积极参与业务决策，这就是为什么了解我们正在开展的问题领域变得极其重要。...截止到我写这篇文章时，NPM 上有 489,989 个包，第二天将会有差不多 515 个包在上面发布。...学习核心的 web 技术——CSS、HTML5、JavaScript和计算机科学基础，甚至是 HTTP 协议的工作原理——将会有助于你快速掌握任何其他的技术。但是，请务必不要用力过度。...那么我们为什么不去尝试着自己来实现或者去 GitHub 上阅读代码库理解它们的原理来实现这些东西呢？我确定你一定能够发现很多有用的知识。评论和 demo 也许会撒谎，也许会误导，但是代码不会。

2421 0

2017 年度编程语言榜，Java 最流行、JavaScript 最没价值？

关键时刻，第一时间送达！【CSDN编者按】在之前的 TIOBE 年度榜单中，宝刀未老的 C 语言成功逆袭，成为 2017 年度编程语言。...以下将深入研究 Java、C、Python、JavaScript、Ruby 这五种顶级语言，了解它们是如何使用的以及人们为什么喜欢它们的原因。...JavaScript 允许开发人员向网页添加交互式效果，它经常与 HTML 一起工作，现在单独使用 JavaScript 来构建 Web 应用程序变得越来越普遍。...Kotlin 能编译成 JavaScript，所以在前端和后端开发中很灵活。 C 语言就像我们之前提到的那样，C 是嵌入式系统的完美语言。...摩尔定律指出，计算能力将每 18 个月翻一番，而且几十年来这是计算机芯片制造商第一次没有跟上计算能力的发展。

8478 0

PHP技巧和窍门来简化你的代码

但是，您可以清楚地看到我们的主要代码用{}包裹起来，并被进一步推入。...，为什么不直接返回$ item是candy还是toy，因为那也只是一行，就像这样： return ($item == 'candy' || $item == 'toy'); 这将给我们相同的结果，但是假设我们正在检查...让我们看一个例子：这是我为Leaf框架的request对象编写的一种方法，用于返回传递到请求中的特定字段。...> 尽管很好，您可以清楚地看到，我们将HTML输出为字符串。 HTML越庞大，匹配标签并准确跟踪我们正在编写的HTML的哪个部分就变得越有压力。有一个整洁的解决方案。 <?...这里的危险之处在于，传递字符串不会破坏应用程序，它仍然可以完美运行。为什么？如果将“ chair”传递到函数中，它将被评估为allItems()["c"]，最终将导致错误，使您在12am起床。

3.1K4 0

Angular2：从AngularJS 1.x 中学到的经验

虽然服务和指令都有明确的角色定义，但是在iOS 应用中，我们常常会看到MassiveView Controller 这种反模式。有时候，开发者会尝试在控制器中访问甚至直接修改DOM。...虽然可以用一些技巧来加速这个过程，但是在复杂的应用中，没有银弹。在尝试提升用户体验的过程中，开发者们发现了所谓的server-side rendering（服务端渲染）技术。...如果我们有一个user 指令，然后需要给它传递name 属性，有三种不同的方法可以实现（这里的意思看起来和上一段的末尾有一点重复，原文如此——译者注）：第一种方法是传递一个字面量（在这个例子里面，也就是..."literal"）；第二种方法是传递一个字符串，这个字符串可以当成表达式来执行（在这个例子里面，也就是"expression"）；第三种方法是在{{}}中传递一个表达式。...到此，我们讨论了为什么需要使用最新版的JavaScript 语言；为什么要使用Web Component 和WebWorker；以及为什么不值得在1.x 版本中整合所有这些强大的工具。

2.7K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭