js代码写到head中不执行，js header

这段js代码放到html中为什么不执行,请大神指点,本人菜鸟!

1、动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。对于动态生成的html，应该在生成完成之后再执行一次需要对这些html操作的js代码。

2、如果调用的是外部js文件，看看路径是否正确；如果是在HTML文件中写在head标签中，看你的函数或者其他是否写错；有时候js的script标签要写在body中相应元素标签的下面，才会有效。

3、js放在html页面中起作用，单独放到js页面调用就不起作用是设置错误造成的，解决方法为：新建html文档。准备好需要用到的图标。书写hmtl代码。

4、javascript是解释型语言，由上到下捉行分析，写在相关HTML标签之前的JS代码，如不是函数，则不能操纵HTML！您可以把JS代码放到您所要操纵的HTML标签之后，或者把JS代码设计成一个函数，以供HTML调用。

5、如果把代码放到body中所有标签的最后面，当你的代码运行时，jQuery和DOM都肯定已加载完毕，所以是有效的。

相关问答

Q1: 深入理解js为什么放到head中有时候失效

js代码一般要等页面加载完成后才能出现效果，要不然你要处理的对象都不存在，js怎么可能有效果呢？所以js代码一般放在后面。

立即执行的JS代码会受位置的影响。假如你把JS外部引用放入HEAD里，而你在该JS文件中试图直接访问DOM中的一个BODY的子元素，就可能产生错误，因为该JS在执行时，浏览器还没有准备好BODY的DOM。

是你添加有点问题，这种最好把你的添加JS的代码贴出来，你这么问的情况多了去了，不好排查。

如果调用的是外部js文件，看看路径是否正确；如果是在HTML文件中写在head标签中，看你的函数或者其他是否写错；有时候js的script标签要写在body中相应元素标签的下面，才会有效。

如果把代码放到body中所有标签的最后面，当你的代码运行时，jQuery和DOM都肯定已加载完毕，所以是有效的。

Q2: 这段js代码为什么放在放到head中无法执行,放到底下就能用是怎么回事...

立即执行的JS代码会受位置的影响。假如你把JS外部引用放入HEAD里，而你在该JS文件中试图直接访问DOM中的一个BODY的子元素，就可能产生错误，因为该JS在执行时，浏览器还没有准备好BODY的DOM。

js代码一般要等页面加载完成后才能出现效果，要不然你要处理的对象都不存在，js怎么可能有效果呢？所以js代码一般放在后面。

这是一个概念定义上的问题，尽量把需要被调用的JS放在head里，这样无论网页中什么地方需要调用此函数，都可以被正常的使用到。body中的JS一般是 当网页被加载的时候，需要被一并执行的。

如果把代码放到body中所有标签的最后面，当你的代码运行时，jQuery和DOM都肯定已加载完毕，所以是有效的。

js放在html页面中起作用，单独放到js页面调用就不起作用是设置错误造成的，解决方法为：新建html文档。准备好需要用到的图标。书写hmtl代码。

关于js代码写到head中不执行和js header的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。