                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

问问是什么原因，求大神讲解！！！

如果把里面的代码全部都分开写，css代码写在css单独的文件里，js代码写在js的文件里，全部用的都是外部引用文件的方式，但是运行之后却是提示找不到js代码，这是怎么回事啊，重新放在html文件里就可以生效，但是单独放就是读取不了，求大神帮忙解答一下

咖啡很苦

2017-03-04

源自：JavaScript入门篇 3-6

关注问题我要回答

765

操作

收起

7 回答

幸福是可积的
2017-03-21

因为html页面加载是从上往下的，你把js文件引用放在head 中，加载到js时，发现并没有所需要的ID，因为id在body标签中

可以使用

js代码或者函数；

);

</script>

这样就可以了

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

收起回答

咖啡很苦提问者

恩，现在基本上也懂了点了，谢谢

2017-03-22 回复有任何疑惑可以回复我~

幸福是可积的
2017-03-17

这个是imooc上的编辑器吗？

你的js和css文件在本地，它是找不到的。。。。。。。。。。。。。。。。

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

收起回答

咖啡很苦提问者

@幸福是可积的不是，你理解错了，我这的意思是在另一个编译器中执行上面的代码，不是用慕课网上的编译器。你说的那个问题我还是知道的

2017-03-21 回复有任何疑惑可以回复我~

qq_頖縌乖乄絯_04017281
2017-03-15

外部css的

function add(){

var p1 = document.getElementById("p1");

p1.className="one";

}

function modify(){

var p2 = document.getElementById("p2");

p2.className="two";

}

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

收起回答

qq_頖縌乖乄絯_04017281

这个是外部script的

2017-03-15 回复有任何疑惑可以回复我~

咖啡很苦提问者回复 qq_頖縌乖乄絯_04017281

知道了，你的意思是js外部文件引用要放在<body>里面，还要是相应的位置，这样才能生效，但是直接放在<head>里面为什么些代码却不能实现呢

2017-03-16 回复有任何疑惑可以回复我~

qq_頖縌乖乄絯_04017281 回复咖啡很苦提问者

放在<head>里也是可以实现的呢，在编写代码的时候，我们都习惯把引用的外部JavaScript文件放在head标签中，这种做法的目的是把所有的外部文件放在同一个地方，便于管理，但是在文档的<head>元素中包含所有的JavaScript文件，就必须浏览器把所有的JavaScript代码都下载、解析和执行以后，才能开始呈现页面的内容，在这一期间，网页会是一片空白，这样用户体验是非常差的，为了避免这个问题，可以把文件放在<body>元素中页面内容的后面，使得页面的内容完全呈现在流浪器中

2017-03-16 回复有任何疑惑可以回复我~

查看1条回复