首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的.js文件看起来没有对我的.html文件做任何事情?

可能有几个原因导致你的.js文件没有对你的.html文件做任何事情:

  1. 文件路径错误:请确保你在html文件中正确引用了js文件,并且文件路径是正确的。可以使用相对路径或绝对路径来引用js文件。
  2. 脚本标签位置错误:请确保你在html文件中正确放置了脚本标签。一般来说,你应该将脚本标签放在html文件的<body>标签的底部,以确保在加载js文件之前先加载html内容。
  3. 脚本语法错误:请检查你的js文件中是否存在语法错误。如果有语法错误,浏览器可能会停止执行整个脚本。你可以使用浏览器的开发者工具(通常按下F12键)来查看控制台中是否有任何错误信息。
  4. 事件绑定错误:如果你的js文件包含了事件处理程序,例如点击事件或表单提交事件,你需要确保正确地绑定了这些事件。你可以使用addEventListener方法或直接在html标签中添加事件属性来绑定事件。
  5. 代码逻辑错误:请检查你的js文件中的代码逻辑是否正确。可能是你的代码没有按照你期望的方式执行,导致没有对html文件做任何事情。

总结起来,要解决这个问题,你需要仔细检查文件路径、脚本标签位置、脚本语法、事件绑定和代码逻辑等方面是否存在错误。如果问题仍然存在,可以尝试在浏览器的控制台中查看错误信息,以便更好地定位问题所在。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【直播】基因组 33:用samstat软件sam文件统计

在此之前,不止一次强调过QC重要性,全基因组测序等以找variation为主分析流程来说,不仅仅是测序数据QC,还有比对之后sam/bam文件也需要QC,最后找出variation文件也需要...这里讲挑出两个读者来信咨询最多软件来简单讲解一下吧! samstat 这个软件bam文件运行经常会报错,就是程序界最出名segment fault,应该是内存不够。...命令如下: samstat P_jmzeng.final.REF_*bam 默认每一个输入bam文件,都是会输出一个网页版统计QC报告,上面的命令会把所有染色体bam文件都输入,但事实上这个软件某几条染色体还是有限制...但事实上,这个代码仍然会因为某个染色体bam文件太大而中断,不知道shell里面有没有try这个类似功能函数。...简单Google了一下,shell的确没有这个功能,但是有程序猿给出了模拟解决方案,测试了一下: ls P_jmzeng.final.REF_*bam |while read id do { #

1.9K130

JS文件不得不说故事

当我们在反混淆时,特别是在逆向恶意程序时,没有一种技术或工具是一劳永逸。我们将不得不尝试各种工具、去混淆方案。...IlluminateJs JSNice 寻找敏感信息 接口 js文件中有很多接口,这些接口可以扩展我们攻击面,例如,在水滴src中某个页面下发现js文件: ?...除此之外,还可以用grep/sed/awk等工具来搜索敏感词 都说了,shell玩得好,老婆随便找 危险函数、操作 下面的内容逐渐超出漏洞挖掘耐心范围,非战斗人员请撤离❗️❗️❗️ JS一些函数使用可能带来潜在问题...除此之外,还有postMessage函数值得关注,这个函数相关问题都可以专门开一篇文章讲了,这里就不多说了,下次一定,下次也不一定... localStorage和sessionStorage是HTML...存在漏洞框架 老生常谈问题,寻找一些老旧存在问题前端框架,不过,觉得这个基本没啥用,为了文章完整性还是列出来吧 如果目标程序使用了一些存在漏洞前端框架,那我们来说也是一点曙光不是?

1.4K30

批量导入Excel文件为什么导入数据重复了?

小勤:大海,为什么从Excel文件夹导入数据重复了? 大海:数据给我来试试看?...,还有一个前面带“~$”合并工作表,是因为合并工作表当前打开状态,生成了一个临时文件。...Step-05:选择Sheet类别的工作表 经过这样筛选后,我们最终导入数据就只有该工作簿中最原始工作表数据,后续操作就没有什么差别了,我们继续完成它。...大海:是的,即使看上去是同一份数据,实际上Excel为了适应你各种不同需要,系统内自动生成了多种对象,就像复制了好多份让你去用一样,这些内容在通过Power Query或者VBA或者系统开发(如导入导出...Excel表)更深层次应用时,就需要有所注意。

2.7K50

python文件按回车闪退_为什么python文件夹闪退

大家好,又见面了,是你们朋友全栈君。 有时候,我们在运行python程序时候会闪退,到底是什么原因呢?python文件是以.py结尾,可以自己在python环境下运行。...对于这种闪退情况,大概可以从以下几个方面分析。 第一步 首先找到我们平时编辑python后,将文件储存所在文件位置,尝试下双击,看是否能打开。...第二步 如果打不开或者闪退,可以尝试选择打开方式,选择Python应用程序或者文本编译器看看是否能够打开文件先尝试了双击,未打开,接着选择打开方式–pthon,还是失败。...然后选择了平时文本编译器Geany,成功打开了命名为comment.py python文件。 第三步 尝试用文本编译器执行该python文件,看看能否运行。结果显示可以成功运行。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/179552.html原文链接:https://javaforall.cn

4.3K40

为什么不推荐另外2种快速传几百G文件方法!

引言 是@程序员小助手 Rman,昨天看到一个题目,说在两台PC之间快速传几百G文件,有没有什么好办法。 考虑到操作系统平台,有Windows,Linux,MaxOS,这些都有差异。...参看 两台电脑之间如何快速传输几百G文件?-两台,传输,文件,电脑 ? 这里说说为什么不推荐另外2种。 一个是网络存储。...为什么不推荐,因为pandownload被举报,开发者收监,百度名声臭不可救药。所以不推荐。 国外网速,你我都是知道。 还有一个是,软件共享。 有人说这很简单啊,局域网有QQ,不就行了?...或者用比较老飞秋,传输起来不都是贼快吗? 可是你有没有考虑到,如果是Windows要传输给苹果笔记本,或者Linux发行版要传输给Windows,这些软件有没有跨平台应用呢?...回答发出后,有不少网友回复说, “直接拔下来硬盘,接到新主机上。新主机启动,挂载为新磁盘,立马可用!” 这个也是经不起推敲

2.7K10

h文件和c文件区别include本身只是一个简单文件包含预处理命令,即为把include后面文件放到这条命令这里,除此之外,没有其它用处(至少也样认为).

乾坤一笑兄观点,十分赞同,基础东东一定要弄明白.下面就乾坤一笑兄例子讲,完备他一些让人迷惑不解时候~ 例子: //a.c#include "a.h" //问题出来了:这句话是要...1.为什么经常见 xx.c 里面 include 对应 xx.h? 2.如果 a.c 中不写,那么编译器是不是会自动把 .h 文件里面的东西跟同名 .c 文件绑定在一起?...那我平时只想调用 xx.c 中某个函数,却 include了 xx.h 文件,岂不是宏替换后出现了很多无用声明?没错,确实引入了很多垃圾 ,但是它却省了你不少笔墨,并且整个版面也看起来清爽多。...main()函数(当然也可以没有这个函数,程序照样能启动,详细见我blog中).在没有这个程序入口点情况下,编译单元只生成目标文件object file(.o文件,windows下叫做.obj)....,现在编译器绝对没有那么智能,而且也没有必须那么.下面我们主要聊聊编译器处理过程.

1.3K20

以单文件形式存在知识管理软件,正是苦苦寻找,并且还是html格式,浏览器就能打开!

今天,要向大家介绍一款非常独特、以单文件形式存在知识管理软件——TiddlyWiki。这是一款开源、自托管、无广告知识库,它设计理念和实现方式都极具创意,使用体验非常良好。...现在,让带大家一起探索TiddlyWiki魅力吧! 首先,TiddlyWiki是一款单文件知识管理软件,这意味着所有的知识和信息都被存储在一个独立、单个HTML文件中。...同时,你还可以使用标签、关键字等工具知识进行分类和标注,方便你日后查找和使用。 如果你需要与他人协作或分享你知识库,TiddlyWiki也提供了强大支持。...如果你正在寻找一款简单易用、功能强大知识管理软件,那么TiddlyWiki绝对是一个值得考虑选择! 最后,想给大家留下一些思考题: 1. 你认为TiddlyWiki最适合哪些场景?为什么?...你认为TiddlyWiki有哪些可以改进地方? 3. 你是否有其他类似的知识管理软件推荐?为什么? 希望这些问题能激发你TiddlyWiki思考和探索!

8510

这可能是世界上最简单用 Go 来写 WebAssembly 教程了

WASM 不感兴趣,是因为你认为现在 Web 应用程序在未来 10 年里依旧是 JavaScript 主导? 你是否想过用 JS 以外语言 Web 前端开发?...来说,它们只提供一些具有特殊特权抽象层,没有人说这些层必须执行 JS。 Service Workers 还有 Web Workers 是浏览器上功能,不是 JS 专有功能。...代码里全局变量 Go WASM 进行了初始化操作,我们不必自己从头开始做好任何 DOM 实现。等我们编译好 wasm 文件后,它会获取 .wasm 文件并运行我们游戏。...因为我们还不能直接访问 DOM,所以我们必须(通过 JS)调用 DOM 来任何事情。想象一下如何用 JSX / React 来抽象化它。 实际上,已经可以做到了,请期待我下篇文章 ?。...func main() { setup() // 在编译时声明渲染器 var renderer js.Func // 没有错,看起来很像 JS 回调 ?

1.3K30

前端-学习JavaScript是一种什么样体验?

刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是不知道。 厉害。是这样要开发一个网页,用来展示用户最新动态。...JSX 是 JS 扩展,它看起来跟 XML 差不多,可以用来写 HTML,你可以认为 JSX 是一种更优雅 HTML 写法。 为什么不用 HTML 了……?...现在可是 2016 年啊,没有直接写 HTML 哦。好吧,加了这两个依赖,是不是就可以开始用 React 了? 不行哦。你需要添加 Babel,然后才能用 React。...这么看起来有点过于复杂啊。 确实。这就是为什么你应该使用 Grunt、Gulp 或者 Broccoli 这样任务管理工具,它们能自动运行 Browserify。不对,你现在可以用 Mimosa。...那为什么我们不直接在页面里添加 React 三个依赖文件呢? 不行。你可以从 CDN 加载这些文件,但是你还是要在本地用 Babel 转译。 唉,这么鹾?

1.1K30

用Vue.js在浏览器中裁剪图像

同样,只要你得到这个文件,如何获得CSS信息并不重要。如果没有 CSS 信息,我们图像就不会有花哨裁剪框。...虽然我们已经为裁剪图像做好了准备,但实际上并没有它们任何事情。我们将在 mounted 方法中配置 cropping 处理和事件,该方法将在视图初始化后触发。...请记住,src 属性是 JavaScript 中 props 之一。在示例中,有一个 public/logo.png 文件,你可以根据需要随意修改它。...如果你想了解如何上传文件(如裁剪图像),可以查看我之前教程“通过 Vue.js文件上传到远程Web服务”【https://www.thepolyglotdeveloper.com/2017/12/...使用图像裁剪库与使用原生 JavaScript 方式没什么不同,但是有一些事情需要用 Vue.jsHTML 组件进行交互。

4.2K30

通过代码重用攻击绕过现代XSS防御

XSS已有近二十年历史了,但它仍然是Web上最常见漏洞之一。因此,已经发展了许多机制来减轻漏洞影响。经常会误以为这些机制可以作为针对XSS保护。今天,我们将了解为什么情况并非如此。...Main.js获取GET参数injectme值,并将其作为原始HTML插入到DOM中。这是一个问题,因为用户可以控制参数值。因此,用户可以随意操作DOM。...假设main.js文件看起来像这样: /** FILE: main.js **/var ref = document.location.href.split("?...我们只需要绕过注释,然后我们就可以我们想做任何事情。 我们最终payload将如下所示: <div data-role=popup id='--!...最后的话 这是<em>对</em>Web上<em>的</em>代码重用攻击<em>的</em>介绍,我们已经看到了jQuery Mobile中<em>的</em>真实脚本小工具<em>的</em>示例。

2.6K10

翻译 | 在 React-Native app开发中曾经犯过11个错误

如果布局完全不同-最好是分散到不同文件中完成(译注:RN可以识别 fileName.ios.js 和 fileName.android.js)....如果你命名未见为index.ios.js,程序打包时候就会在iOS中使用这个文件.类似的,在Android打包时候会使用indexn.android.js....错误container结构.没有从一开始就使用smart/dumb组件 当你初始化一个RN项目,在index.ios.js文件中已经有了样式,存储在一个独立对象中....所以我决定仅借助state来完成验证过程,没有reducers,types等等.仅仅在container水平上纯函数.这个策略帮助很大,从action和reducer里去掉了不必要函数,不要操作...正如你所见,不是很难理解具体是怎么回事.当然你需要读相关API文档,确保你app完美运行.但是希望找个例子能够帮助你开个好头. ---- React Native太棒了,你可以用它几乎任何事情

69320

在 .NET 应用程序中运行 JavaScript

1你为什么要这样? 尽管我很喜欢 .NET 生态系统,但有些事情,JavaScript 生态系统做得更好。其中之一就是任何事情都能找到一个库,特别是涉及到网络时。 以语法高亮为例。...相反,它为执行 JavaScript 代码提供了一个 C# API,并调用了安装在你机器上 Node.js。这在你知道两者都已安装环境中可能很有用,但它并没有真正解决想避免问题。...例如,从 Prism.js 官网下载了 prism.js 文件,并将 C# 添加到默认支持高亮语言集。在把文件放到项目文件根目录后,文件更新为嵌入资源。...: 整个过程简单程度感到惊讶。...启动一个 JavaScript 引擎,加载 prism.js 文件,并执行我们自定义代码是如此顺利。这是面临问题完美解决方案。 显然不建议所有的应用程序都这样

2.5K10

「后端小伙伴来学前端了」分析Vue脚手架结构

看起来好像也没啥问题,但是所有的知识都是混入,导致没有一个像样体系。 也就导致有了以下问题存在: 难以一起讨论。...创建是一个带路由vue脚手架哈,文件目录结构大致如下。...浏览器 从结果上来看,main.js是程序入口是没错,接下来,我们再main.js这个文件做给详细认识。...-- 配置网页标题 htmlWebpackPlugin.options.title 这行代码其实是webpack悄咪咪给你没有深究原理哈 我们写了这行代码,它就会去 packege.json...为什么这么呢?(脚手架给我们配置) 很多细节没法一一说明,也还在继续学习中。一起加油。 自言自语 大家一起加油!!!如若文章中有不足之处,请大家及时指出,在此郑重感谢。

36620

Deno 环境下 TypeScript 开发入门手册

在你开始使用 Deno 并了解了其功能之后,Node.js 看起来就像是“旧”东西。 特别是因为 Node.js API 是基于回调,它是在 promise 和 async/await之前编写。...Deno 使用官方 ES 模块。 Deno 在其所有 API 和标准库中使用现代 ECMAScript 功能,而 Node.js 使用基于回调标准库,并且没有计划其进行升级。...不过我们是从 Deno 官方网站上运行它,另外,Deno 还有一个沙箱,可以阻止程序执行你不希望任何事情。稍后再详细介绍。...我们遇到了一个权限被拒绝问题。 接下来要谈谈沙箱。 Deno 沙箱 之前曾经提到过,Deno 沙箱可以防止程序执行你不希望任何事情。 这是什么意思?...没有什么方法能够阻止 Node.js 应用获取你系统上 SSH 密钥或任何其他东西,并将其发送到服务器。这就是为什么我们通常只从受信任源安装 Node 软件包原因。

1.4K20

用React框架和Express模块进行服务器端渲染

程序生成步骤就当大家已经准备好了。没有的话,下面给你一个链接,这个网页上包含了一个webpack配置文件,有了以后可以直接运行 npm run build这个命令。...文件夹结构看起来会是这样: / /dist -- 放生成文件 /assets -- 放从生成步骤中打包过来素材文件 index.css bundle.js server.js...browser.js -- React根组件,用来包裹在`react-dom/render`里 index.js -- express服务器文件 template.js -- 基本HTML模板文件...一会儿就会说到这点,肯定是有道理,相信我。 我们现在来看 src/template.js模板文件,在里面创建一个初始HTML页面,服务器会把这个页面传送下来。...template.js模板文件只有一个函数,返回值是一个HTML字符串,然后我们组件就可以渲染到这里面去,和 app/browser.js事差不多,只不过是由服务器完成

4.3K10

教程 | 用摄像头和Tensorflow.js在浏览器上实现目标检测

我们推荐使用此种方式(https://js.tensorflow.org/tutorials/import-keras.html)将你权重转换为 Tensorflow.js 格式。...一个有趣事实是:之前忘了这一步然后花了一整天纠结为什么 Tensorflow.js 不工作。 ....查看此处官方指导(https://js.tensorflow.org/tutorials/import-keras.html)。...将数字转换为边框以及数字 不准备深入探讨这个话题,因为 YOLO 后处理可以拿来单独写几篇博客了。相反,我会专注于我在将 Python 版本转换到 Javascript 时遇到难题。 1....除了 NPM 安装之外... 你可能已经注意到我们还没有关注过输入到我们 YOLO 中到底是什么。这也是 Tensorflow.js 最棒部分之一。

2.2K41

10个实用但偏执Java编程技术

在沉浸于编码一段时间以后(比如说已经投入近20年左右时间在程序上了),你会渐渐这些东西习以为常。因为,你知道…… 任何事情有可能出错,没错,的确如此。...这就是为什么我们要采用“防御性编程”,即一些偏执习惯原因。下面是个人认为10个最有用但偏执Java编程技术。...这是随便用脑子想想就可以事,从Bad版本代码改写表达式到Good版本代码,这中间并不会丢失任何东西。...也许吧,但请看Javadoc: 如果这个虚拟路径不表示一个文件夹目录,则此方法返回null。否则将会返回一个字符串数组,每一个字符串表示目录中文件文件夹。 ,没错。我们可以添加一些校验: ?...不相信我自己(不要意外覆盖值)。话虽如此,不相信我自己是因为… ? …这就是为什么所有的变量和参数都是final原因。 ? 8.重载时不要相信泛型 是,它可以发生。

36220

10个实用但偏执Java编程技术

在沉浸于编码一段时间以后(比如说已经投入近20年左右时间在程序上了),你会渐渐这些东西习以为常。因为,你知道…… 任何事情有可能出错,没错,的确如此。...这就是为什么我们要采用“防御性编程”,即一些偏执习惯原因。下面是个人认为10个最有用但偏执Java编程技术。...这是随便用脑子想想就可以事,从Bad版本代码改写表达式到Good版本代码,这中间并不会丢失任何东西。...也许吧,但请看Javadoc: 如果这个虚拟路径不表示一个文件夹目录,则此方法返回null。否则将会返回一个字符串数组,每一个字符串表示目录中文件文件夹。 ,没错。我们可以添加一些校验: ?...不相信我自己(不要意外覆盖值)。话虽如此,不相信我自己是因为… ? …这就是为什么所有的变量和参数都是final原因。 ? 8.重载时不要相信泛型 是,它可以发生。

53120
领券