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

来源:2-1 页面的横向布局

慕用1475049

2016-12-20 13:21

代码在body中的显示效果:

5858bf6c00012a0905000230.jpg

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

5858bf6d0001be8205000232.jpg

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

5858bf6d0001589b05000221.jpg


写回答 关注

5回答

  • lych2ee0
    2020-05-24 11:35:35

    因为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(){})
  • 初学者14157823
    2017-01-13 21:38:04

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

  • 初学者14157823
    2017-01-13 21:05:58

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

  • 白粥_0
    2017-01-06 11:58:12

    我也是……不知怎么解决

  • qq_張子曰_0
    2016-12-20 17:24:40

    改一下路径

    Mihan 回复慕用1475...

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

    2017-01-05 10:56:04

    共 2 条回复 >

H5+JS+CSS3实现七夕言情

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

211525 学习 · 540 问题

查看课程

相似问题