引入js文件无法正常使用

vue /vue-cli3 项目调用自己封装的js文件 1. 在入口文件main.js中引入js文件,然后挂载到vue的原型上: //引入公共js import messagebox from "../myJs/messagebox.js" import publicmethods from "../myJs/publicmethods" Vue.prototype.messagebox=messagebox; Vue.prototype.publ... 阅读详情

前言

在js脚本中如果需要使用$符号的时候需要引入js文件,如:jquery-2.1.3.min.js。但有时候引入js文件却没有效果,无非有以下几种情况

js文件资源存放的位置不对

js文件需要放在static的文件目录下,所以别放错了位置。

html页面引入的js文件路径不对

引入的js文件路径一定要正确

js放在页面上的位置不对

如果需要引入多个js文件,要注意它们的引入先后顺序,DOM是从上往下加载的。一般引入的样式/js都放在head中。

上述所有的情况都是正确的但js还是无效

在浏览器中查看是这种情况(火狐F12)

在这里插入图片描述

这种情况是因为当我们需要用到js文件时,项目还在运行中,我们就把js文件复制到了static资源下。当我们重启项目的时候就会发现js没有效果,这时候只需要关闭软件重新启动软件即可。
layui引入第三方依赖 layui引入第三方js插件准备 编写第一个Hello World 配置第三方js路径 用layui包裹一个js插件 在页面调用 在layui中引入moment第三方插件 配置moment moment的文件位置 用layui包裹moment 在layui中调用moment layui引入第三方js插件准备   我之前使用的前端框架中包括bootstrap,easy-u... 阅读详情

相关推荐

瑞芯微RK3576上手实测:8nm新U配6TOPS NPU,做AIoT项目选它还是RK3588/RK3568?

本文深度评测瑞芯微RK3576芯片在中高端AIoT项目中的表现,对比RK3588和RK3568的性能差异。RK3576采用8nm工艺,配备6TOPS NPU,在解码能力、AI推理效率和功耗控制方面表现均衡,是中端项目的黄金选择。实测数据显示其在多路视频解码和AI加速性能上优势明显,特别适合智能摄像头和工业HMI设备。

weixin_42627853的博客 716

html中引入的js无效果,为什么javascript不起作用?

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。页面引入JavaScript后不起作用的原因:原因一:引入js的位置不对,应在使用之前引入。原因二:引入的js路径不对,所以无法使用或不起作用。原因三:引入js是标签属性写错,例如:引入...

weixin_42552716的博客 1万+

实战解析:如何利用MDFEND与Weibo21数据集构建多领域假新闻检测系统

本文实战解析了如何利用MDFEND模型与Weibo21数据集构建多领域假新闻检测系统。文章深入剖析了MDFEND的领域门控与专家混合机制,并提供了从数据预处理、模型理解到训练部署的完整指南,旨在解决通用模型在不同领域新闻检测中的性能衰减问题,提升检测的准确性与适应性。

vulkan6gpu的博客 580

【常见问题01】HTML文档引用外部js文件失效问题

HTML文档引用外部js文件失效问题

大前端开发工程师、互联网方向创业者 5888

生态学家都在用的MixSIAR:用R语言搞定稳定同位素混合模型(从数据整理到结果解读)

本文详细介绍了生态学家常用的MixSIAR工具,通过R语言实现稳定同位素混合模型分析,从数据整理到结果解读全流程。文章涵盖环境准备、模型构建、参数设置、运行诊断及可视化等关键步骤,帮助研究者科学分析河口鱼类食物来源,适用于生态学研究和湿地保护政策制定。

weixin_28683065的博客 437

Altair HyperWorks 2022.3.0 Suite下载

Altair HyperWorks开发团队提供了新的一流技术,以设计和优化高性能、高效和创新的产品,并发布了HyperWorks 2021.2套件。与所有新版本一样,这个版本包含了新特性、增强功能,并修复了前一个版本中用户报告的各种问题,提供了总体上更稳定的体验。链接: https://pan.baidu.com/s/1rYietmQLQUboHiJzYoE9WQ?pwd=m9yh 提取码: m9yh 复制这段内容后打开百度网盘手机App,操作更方便哦。

weixin_48469365的博客 2126

html引入外部js失效不起作用的解决办法

问题描述: 通过script标签外部引入javascript文件,但不起作用,js代码失效 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>登录</title> <script src="js/main.js" type="text/javascript"></script> </head> <bo

AI 全栈工程师修炼中 1万+

三菱FX5U系列PLC与汇川IT6000系列触摸屏进行MODBUS TCP通信的具体方法

三菱FX5U系列PLC与汇川IT6000系列触摸屏进行MODBUS TCP通信的具体方法

Robot_PLC_HMI_Automation 6514

外部js失效的解决的方法

外部js失效的解决的方法1. 外部js失效的原因:2. 解决方案一:在body的后面引入外部js3. 解决方案二:将所有的js代码放到window.οnlοad=function(){}里面 1. 外部js失效的原因: 最主要的原因就是我们忽略了一个html代码的执行的顺序,从上到下,从左到右. 平常我们引入一个外部的js代码,通常会把它放到head的最后面.这样就会导致,代码从上到下执行的时候,...

qq_45064049的博客 5060

YOLO11改进-注意力-引入自调制特征聚合模块SMFA

SMFA(自调制特征聚合模块): SMFA模块用于协同建模局部和非局部信息,它分为两个分支:一个是EASA(Efficient Approximation of Self-Attention,简化的自注意力分支),用于捕获非局部信息;另一个是LDE(Local Detail Estimation,局部细节估计分支),用于捕获局部细节。EASA通过对输入特征进行下采样,然后利用全局特征的方差进行调制,再与原始特征进行聚合,提取非局部结构信息。LDE分支则通过卷积操作提取输入特征中的高频局部信息。

qq_64693987的博客 2208

手把手教你学Simulink——基础储能管理场景实例:基于Simulink的压缩空气储能(CAES)系统简化模型仿真

本文介绍了基于Simulink的压缩空气储能(CAES)系统简化模型仿真方法。CAES作为大规模长时储能方案,相比锂电池具有成本低、寿命长等优势。文章详细讲解了AA-CAES系统组成、热力学建模理论,以及Simulink实现流程,包括储气室、压缩机、膨胀机等核心模块的建模方法。通过8小时充电(50MW)和6小时放电(40MW)的仿真,验证了系统可实现60%往返效率。该模型为理解CAES系统运行机制提供了实用工具,并指出热管理、储气室特性等工程实践要点,为新型电力系统储能规划提供了仿真基础。

MHD0815的博客 171

Uncaught ReferenceError: layui is not defined ,springboot使用lauyi无法正常引入lauyi.js文件

springboot使用lauyi无法正常引入lauyi.js文件 使用layui的时候出现Uncaught ReferenceError: layui is not defined

weixin_64854388的博客 1421

ZYNQ工业级串口方案:AXI UART 16550扩展RS-485实战(自动方向控制+Linux驱动)

可以轻松扩展出多路工业级串口。但常规方案需要手动控制收发方向(DE/RE引脚),存在实时性差、CPU占用高等痛点。本文从硬件逻辑设计到Linux驱动开发,完整实现了ZYNQ平台的RS-485工业通信方案。,解决了传统方案实时性差的痛点。所有代码均经过实际项目验证,可直接用于生产环境。:尝试将此设计扩展为多协议兼容接口(支持RS-422/RS-232切换)!等特性,依然是现场总线通信的首选。,通过硬件逻辑+Linux驱动协同设计,实现零延迟切换。在工业自动化、能源电力等场景中,RS-485凭借。

QQ_778132974的博客 830

Uncaught Error: Bootstrap's JavaScript requires jQuery

问题:boostrap下拉菜单无效,浏览器报Uncaught Error: Bootstrap's JavaScript requires jQuery错误 解决办法:注意文件引入的先后顺序,应该先引入jquery再引入bootstrap。

Java_Warplane的博客 2万+

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

引入js失败的可能原因

今天工作中,一个页面引入一个js文件老是不能成功,反复测试了好久,总算解决。 原因是这个js存在语法错误!几处错误如下: 1,对一个id为m的div用了${m}.value,应该用${m}.innerHTML才正确。 2,用document.getElementById('money').style.display='display'; 来显示该div, 这是错误的,应该用document...

weixin_30702413的博客 268

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

Vanilla JS Calendar 开源项目常见问题解决方案

Vanilla JS Calendar 开源项目常见问题解决方案 Vanilla JS Calendar 是一个用纯 JavaScript 编写的日历插件,无任何外部依赖。该项目主要用于展示日期信息,并通过简单的 API 进行操作。主要使用的编程语言是 HTML、CSS 和 JavaScript。 以下是一些新手在使用这个项目时可能会遇到的问题及解决方案: 1. 项目无法正常运行 问题1:无法正确...

gitblog_00380的博客 425

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

javascript无效问题

今天写了个简单的js的function select(){} 但是无论怎么修改函数体就进不去。 后来发现,因为同时引入了其他的js,而与selelct这个名字有冲突,导致调用无效,所以在有多个js引入文件时,起名须谨慎! 把select改为其他名字即可

chanllen的专栏 1092

通过文件夹打开网页没有js代码效果?开发者模式中Sources找不到js文件?

文章目录导引解决方案思路HTML跟JS结构错误引入方式正确引入方式相对路径相对路径特殊符号总结 导引 今天在给别人展示自己写的网页时,通过以下方式(方式一)打开的时候,发现没有js的代码效果,当时就很尴尬(恨不得找个地洞钻进去😭😭)。但是将整个网页文件夹拖到VScode中(方式二),再打开的时候,js的代码效果还是完完整整的呈现在了面前(还是工具强大啊😊😆) 解决方案 思路 通过方式一打开网页时,js文件没有被浏览器找到,应该是js文件导入的代码有问题; 通过方式二打开网页时,js文件又可以被浏览器找

徒挽的博客 2154

React中在组件在引入iconfont(第三方js)

最近玩腾讯连连的,打算使用iconfont上面的图标,由于没有index.html导致无法引入js。解决方法如下: 在App模板下面增加: //加载js var script = document.createElement('script') script.type = 'text/javascript' script.async = true script.src = '//at.alicdn.com/t/font_2624852_1vuu69zd0vl.j

我的专栏 597

引入的JQUERY文件不起作用

&lt;script src="&lt;%=basePath%&gt;/static/js/jquery.min.js"&gt;&lt;/script&gt; 在头部引入本地的js文件进行了简单的测试 不起作用,路径肯定是对的,都是按照系统提示输入的路径,尝试了很多种方法后。引入官网压缩的在线文件&lt;script src="http://code.jquery.com/jquery-1.1...

qq_41833165的博客 2872

nuxt引入js_boostrap + nuxt.js 遇到问题

老师,我正在做一个 nuxt.js 项目,为了面试做准备的,目前遇到的问题搜索不到解决办法,我使用了 boostrap 的响应式导航栏,我通过引入外部资源来使用 boostrap,但是无法正确显示导航栏,我在正常的html文件中就可以正常显示,但在nuxt.js项目中就显示不了,之后我使用了 npm install 来使用boostrap,也无法正常显示,控制台没有报错:使用 html 文件正确显...

weixin_35976825的博客 991

jquery.js 引入失效的一个可能的原因

问题 在写web项目时,引入jquery.js时总是不能正确响应,在浏览器开发者模式下,发现jquery.js没有被找到,状态为404 定位 1.加载其他的js文件,可以成功加载。 2.删除jquery.js所有内容,可以被正确加载。 3.使用jQuery的网络链接,可以被正确加载。 判定为jquery.js本身的问题。 解决方案 1.使用jquery.js百度压缩版引用地址:jquery.js...

一个小白的日常 9267

vue中组件无法使用的原因

对于vue项目中写法和配置都正确的情况下,组件还是无法正常使用的情况,可能性的原因。

m0_70788917的博客 5802

maven项目引入js或css

在用maven架构引入EasyUI时,一直没有出现效果,经分析:在加载spring容器时,js和css文件被拦截,因为web.xml中DispatcherServlet拦截“/”,拦截了所有请求,包括对*.js,*.css的访问。 在spring中,

zouxucong的博客 3314

(解决方法)BootStrap在idae中使用模态框无法弹出。

(解决方法)在idae中使用模态框无法弹出: 在eclipse中,按照下面的使用以下方式引入jQuery和bootstrap在使用模态框时可以正常弹出; <%--引入jQuery--%> <script TYPE="text/javascript" src="${APP_PATH}/static/js/jquery-1.12.4.min.js"></script> <%--引入样式--%> <link...

小新的博客 536
上一篇: Java使用Ajax图片上传与修改
下一篇: 获取input框里遍历出来某一列的值
与黑夜为伍
博客等级 码龄7年 19粉丝 80原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值