外部js文件引入后无效的原因

最新推荐文章于 2022-03-18 22:39:25 发布
最新推荐文章于 2022-03-18 22:39:25 发布
阅读量1.9w 收藏 8
点赞数 12
分类专栏： 页面常用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lazyyusky/article/details/38419439
版权

今天把自己写的多个相同的javascript写入公共的js里面，然后引用。

但是引用之后发现，在路径和代码都没有出错的情况下，无法调用里面的javascript代码。经过多方度娘后，发现，原来是我的javascript里面，有直接操作页面元素的代码，所以不能在head里面引用 ，而应该放到body内引用。代码：

<!DOCTYPE html>
<html><head>
 <meta charset="utf-8">
 <title>我的网页</title>
 <script src="js/jquery-2.1.1.min.js"></script>
 <head>
<body>

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

</body>
</html>


我的公共js就是 home.js 这个文件.

gawen_yu
关注
  • 12
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
在html文件里include文件内容的方法小结
12-13
这种方式需要JavaScript配合，因此在非IE浏览器中可能无效。代码如下： ```html <span id="showImport"></span> (#default#download)" /> function onDownloadDone(downDate) { showImport.innerHTML = ...
learning_records:无效的
03-29
现代JavaScript引入了Promise和async/await，使得异步编程更加简洁易懂。 4. **DOM操作**：Document Object Model (DOM)是HTML和XML文档的结构表示，JavaScript可以用来操作DOM，包括选择元素、添加删除元素、改变...
html 引入外部css、js文件
nicotine12333的博客
03-18 167
引入外部CSS文件： /*方法一*/ <style type=“text/css”> @import url（box.css）； </style> /*方法二*/ <link rel=“stylesheet” href=“box.css” type=“text/css> 引入外部JS文件 <script type=“text/script” src=“box.js”> ...
jquery.js 引入失效的一个可能的原因
一个小白的日常
05-23 8910
问题 在写web项目时，引入jquery.js时总是不能正确响应，在浏览器开发者模式下，发现jquery.js没有被找到，状态为404 定位 1.加载其他的js文件，可以成功加载。 2.删除jquery.js所有内容，可以被正确加载。 3.使用jQuery的网络链接，可以被正确加载。 判定为jquery.js本身的问题。 解决方案 1.使用jquery.js百度压缩版引用地址：jquery.js...
html页面引入公共js
西瓜
12-02 1738
公共js引入：document.write('<script>...</script>');
html如何引用外部javascript中的变量,VUE引用外部js，并使用其中的变量/方法
weixin_42421187的博客
06-30 2350
目前项目有个需求就是，在vue页面中引入额外的config.js。常规引入有以下几种方法：1.main.js直接引用2.index.html中标签引用3.import引入以上不符合我们业务需求，所以整理了第四种方式：通过组件，定义为script标签引入外部js4.1-这个写法不太便于理解，我没有使用// 使用 vue 的 createElement 创建script 组件 嵌入到body中comp...
html引入外部js失效不起作用的解决办法
热门推荐
Java攻城狮修炼中
07-24 1万+
问题描述： 通过script标签外部引入javascript文件，但不起作用，js代码失效 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>登录</title> <script src="js/main.js" type="text/javascript"></script> </head> <bo
为什么导入本地jquery.js老是无效？（已解决）
weixin_30399155的博客
05-23 1645
　　我从jquery官网里复制过来jquery.js内容，然后粘贴到本地，但是引用的时候总是无效。 在翻看脚本所在目录，无意间发现脚本文件是个jquery.js.js, 原来是我的文件的扩展名的问题， 所以我把名字改好，再次调试我的网页，脚本正常工作。 转载于:https://www.cnblogs.com/the-one/p/9080359.html...
js外部引用无效
qq_34703942的博客
07-09 837
今天碰到个外部引用js的问题： 正常我们引用的时候都是 <script src="***.js"> 这样是没啥问题，问题是项目启动的时候，再编辑里面的js缺没反应，找了半天才发现是：浏览器缓存的影响。吐了，我还找了大半天，哎 解决的方式有两种， 第一种就是浏览器禁用缓存，可以解决，勾选 disable cache即可。 第二种就是引用的时候就加上时间戳 <script src="****js?var=<%=System.currentTimeMillis()%>"
导入导出文件
06-10
1. 导入：导入文件是指将外部文件中的数据或信息引入到某个应用程序或数据库中。这通常是为了增加或更新现有的数据，或者将数据从不兼容的格式转换为可处理的格式。 2. 导出：导出文件则是将应用或数据库中的数据...
viewerjs下载，版本为Viewer.js v1.11.1
12-27
压缩包中的"viewerjs-main"可能包含了Viewer.js的核心文件，如`viewer.js`（JavaScript源代码）、`viewer.css`（样式表）和可能的示例文件或文档。在实际使用时，开发者需要将这些文件引入到项目中，并按照文档或...
把Javascript代码应用到网页中的方法
09-24
在这个例子中，`Script.js`是JavaScript源文件的路径，浏览器会请求这个文件并执行其中的代码。这种方式的好处是，你可以独立地编辑和维护JavaScript文件，而不影响HTML文件。 JavaScript在网页中的应用广泛，它...
引入js文件不起作用
清欢
05-17 1472
异常信息 场景描述 <script type="text/javascript" src="${pageContext.request.contextPath }/dist/js/zy/index.js"></script> 异常原因 没有指定引入js文件的类型 解决方案 添加 script的type指定 <script type="text/javascri...
引入外部jacascript文件后无效的原因
qq_40956679的博客
12-06 1030
今天写的一个jsp页面引用外部javascript文件没效果，而放入jsp文件内就有用。上网查原因，发现，原来是我的javascript里面，有直接操作页面元素的代码，所以不能在head里面引用 ，而应该放到body内引用。 代码： &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=...
引用外部js文件常见问题！
我不会爱上敲代码
12-11 1376
引入多个js文件的时候，记得注意引入先后顺序。CDN文件必须在前，其他文件在后。实例如下： script type="text/javascript" src="js/jquery-1.10.2.min.js">script> script type= "text/javascript" src= "js/ajaxfileupload.js" >script>
为什么在html中加不了js,为什么javascript不起作用？
weixin_30242741的博客
05-31 2571
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。页面引入JavaScript后不起作用的原因：原因一：引入js的位置不对，应在使用之前引入。原因二：引入的js路径不对，所以无法使用或不起作用。原因三：引入js是标签属性写错，例如：引入...
react 引入 外部js文件
最新发布
06-01
在React中引入外部JS文件的方式与普通HTML文件引入方式类似。可以在public/index.html文件中使用`<script>`标签引入外部JS文件，例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>React App</title> </head> <body> <div id="root"></div> <script src="path/to/your/js/file.js"></script> </body> </html> ``` 需要注意的是，引入的外部JS文件可能会影响React组件的渲染，因为React组件是基于虚拟DOM渲染的，而外部JS文件可能会修改真实DOM，因此在引入外部JS文件时需要谨慎考虑。如果确实需要引入外部JS文件，可以使用React的ref属性获取DOM元素进行操作，而不是直接修改DOM，以避免出现不必要的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值