JS弹窗重复弹出问题
遇到的问题:js中只有alter(),在浏览器运行时,弹窗会反复弹出。使用的IDE是HBuilder,不知道别的IDE会不会出现这个状况。
代码:![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgwOS8wNjhlMjIzYmViM2MzMTIzNGU3YmMzMzRkMDVhYjkyMS5wbmc=)
script标签 放在了body标签 下面。
解决方法:script标签 放在 head标签 中或 body标签 内。
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIyMi9jZTFjYjkwN2VjODhkZWFlYTlhZTNjZjg1NGNmZTNkNi5wbmc=)
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3Ny8wZmRhM2RiNGJhOGMwYmYzN2Y0ZGRhOWU2YTRiYTY4ZC5wbmc=)
但是,script标签 放在head标签 中有时会出现如下错误
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2OS80NzdjZGVlMjM4NTIwZTIxMjA0ZmZmZGY3YzY2ZDFkOS5wbmc=)
源代码:
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYwNS9lNWJkNTcxZDI5M2QyNGMyOTgwODk1YTRlYThiOTRjZC5wbmc=)
原因:网页编译脚本的时候,是从上往下编译,由于编译脚本的时候body还没编译到,所以读取不到这个变量范围。
解决方法:
1、把JS内容用window.οnlοad=function(){ }包裹起来;
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI0MC8zOGYyNWE2OWI3N2UyOWM3MTgxN2EzYmIzNDc0ZWQxMC5wbmc=)
2、把js代码放入底部执行
![JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法 JS弹窗重复弹出问题及解决Uncaught TypeError: Cannot set property ‘onclick‘ of null错误的方法](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc3MS82MzU2NDBiMDQxMWI5Mzk3YTEzMTJjY2IwYzhiZDBjMy5wbmc=)