JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法

时间:2024-04-11 16:13:00

JS弹窗重复弹出问题

遇到的问题:js中只有alter(),在浏览器运行时,弹窗会反复弹出。使用的IDE是HBuilder,不知道别的IDE会不会出现这个状况。
代码:JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法

script标签 放在了body标签 下面。

解决方法:script标签 放在 head标签 中或 body标签 内。
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法
但是,script标签 放在head标签 中有时会出现如下错误
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法

源代码:
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法

原因:网页编译脚本的时候,是从上往下编译,由于编译脚本的时候body还没编译到,所以读取不到这个变量范围。

解决方法:
1、把JS内容用window.οnlοad=function(){ }包裹起来;
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法

2、把js代码放入底部执行
JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法