                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /H5+JS+CSS3实现七夕言情

为什么我将body里面的代码单独写到一个js文件里引用时效果不对，把它写在body里面就是想要的效果了呢？

代码在body中的显示效果：

代码放在js文件中的效果：

jq文件我下载下来直接命名的JavaScript.js body中的代码放在js.js文件中的

慕用1475049

2016-12-20

源自：H5+JS+CSS3实现七夕言情 2-1

关注问题我要回答

2820

操作

收起

5 回答

lych2ee0
2020-05-24

因为html文件的执行顺序是从上到下，在head标签中引入的js先于html文件运行，此时content节点还未渲染，故js未生效。改正：

方法一：

将这两行代码放在body之后；

<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>

方法二：

将js中代码放入下面方法中，意为在DOM加载完成之后就执行方法体。

$(function(){})

0 回复有任何疑惑可以回复我~

收起回答

初学者14157823
2017-01-13

刚去网上查了些资料，只要把js文件的引用写在body的后面或者把js代码写在ready方法里面再引用就可以了。总之就是要保证在dom结构加载完后再调用js代码

0 回复有任何疑惑可以回复我~

收起回答

初学者14157823
2017-01-13

我也有同样的问题，不知道怎么解决

0 回复有任何疑惑可以回复我~

收起回答

白粥_0
2017-01-06

我也是……不知怎么解决

0 回复有任何疑惑可以回复我~

收起回答

qq_張子曰_0
2016-12-20

改一下路径

0 回复有任何疑惑可以回复我~

收起回答

慕用1475049 提问者

可以说清楚一点吗？我觉得路径没有错啊，index.html同级目录下的js文件夹中的JavaScript.js和js.js的路径不是就是应该为"js/JavaScript.js"和"js/js.js"吗？

2016-12-22 回复有任何疑惑可以回复我~

Mihan 回复慕用1475049 提问者

亲，问题解决了吗？我也遇到这个问题，不知怎么解决

2017-01-05 回复有任何疑惑可以回复我~

0/150

提交

取消

H5+JS+CSS3实现七夕言情

参与学习 211524 人
解答问题 540 个

为七夕节准备的H5+JS+CSS3特效案例，由浅入深案例拆分讲解

进入课程

本课相似问答

4 回答为什么这个script标签可以写在body里面？

1 回答这里的script为什么直接写在html里面了呢？

3 回答关于文件里面的一个js文件

1 回答我把代码都写到本地了为什么js不起作用呢？

1 回答为什么使用background简写效果不对

搜索更多本课相关问答

为什么我将body里面的代码单独写到一个js文件里引用时效果不对，把它写在body里面就是想要的效果了呢？

我要回答关注问题

热搜

最近搜索清空

为什么我将body里面的代码单独写到一个js文件里引用时效果不对，把它写在body里面就是想要的效果了呢？

5 回答

本课相似问答

为什么我将body里面的代码单独写到一个js文件里引用时效果不对，把它写在body里面就是想要的效果了呢？