如果把js内容直接放在这个head标签以内，button按钮不能正常点击更换body的背景颜色，报错提示：demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of null，分析解决办法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>点击背景变色js事件问题</title>
<style type="text/css">
button{
cursor: pointer;
}
</style>
<script>
// 问题描述,如果直接把这下面段代码放在页面这里，控制台提示Uncaught TypeError: Cannot set property 'onclick' of null
obj=document.getElementById('dj');
obj.onclick=function(){
document.body.style.background='#f90';
}
// 解决办法二:
// window.onload = function () {
// var Btn = document.getElementById('dj');
// Btn.onclick = function () {
// console.log("push the button ");
// document.body.style.background='#f90';
// }
// }
</script>
<body>
<button id="dj">点击</button>
</body>
<!-- <script type="text/javasript"> -->
<!-- 相关问题：<script></script> vs/or <script type=”text/javasript”></script>
如果用H5就不需要加，因为H5默认属性就是text/javascript，
而 HTML 4.01 and XHTML 1.0 规范 type 属性是需要的，如果用H5<script></script>是可以且比较好的选择。最重要一点是加了不起作用也不报错 -->
<!-- 解决办法一： -->
<!-- <script>
obj=document.getElementById('dj');
obj.onclick=function(){
console.log('测试');
alert('Surprise')
document.body.style.background='#f90';
}
</script> -->
</html>问题归纳总结：
第一种解决办法直接js文件放在页面底部加载，第二种window onload()包裹起来，出现问题原因：W3School中介绍浏览器先加载完按钮节点才执行JS，当浏览器自顶向下解析时，找不到onclick绑定的按钮节点了,网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况,。window.onload是一个事件，window.onload表示页面加载完成后执行的函数，js按照页面自上而下的顺序说明的，页面上的Javascript代码是HTML文档的一部分，所以Javascript在页面装载时执行的顺序就是其引入标记!
解决Cannot read property range of null 错误
vue工程npm run serve/start/dev启动时，node_modules文件报：Cannot read property range of null 错误，该问题是babel-eslint版本更新问题导致的；
HTTP 400 错误 - 请求无效 (Bad request)
在ajax请求后台数据时有时会报 HTTP 400 错误 - 请求无效 (Bad request);出现这个请求无效报错说明请求没有进入到后台服务里；原因：前端提交数据的字段名称或者是字段类型和后台的实体类不一致
js异步错误捕获
我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？
不能执行已释放Script的代码
父页面初始化声明变量a为数组（数组对象是引用类型，赋值传递的是地址），创建iframe子页面后给父页面变量a赋值,赋值后销毁iframe子页面，再次调用变量a的时候就会抛出异常‘SCRIPT5011:不能执行已释放Script的代码’。
JS错误处理：前端JS/Vue/React/Iframe/跨域/Node
js错误的实质，也是发出一个事件，处理他，error实例对象message：错误提示信息，name：错误名称（非标准属性）宿主环境赋予
nodejs提示 cross-device link not permitted, rename 错误解决方法
文件上传的功能时候，调用fs.renameSync方法错误，这个提示是跨区重命名文件出现的权限问题。先从源文件拷贝到另外分区的目标文件，然后再unlink，就可以了。
Js中使用innerHTML的缺点是什么？
如果在JavaScript中使用innerHTML，缺点是：内容随处可见；不能像“追加到innerHTML”一样使用；innerHTML不提供验证，因此我们可能会在文档中插入有效的和破坏性的HTML并将其中断
Web前端开发，必须规避的8个错误点！
现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。我们收集了一些在Web开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助Web开发者更好的完善网站。
web前端错误监控
为什么要做前端错误监控?1. 为了保证产品的质量2. 有些问题只存在于线上特定的环境3. 后端错误有监控,前端错误没有监控，前端错误分为两类: 即时运行错误和资源加载错误
自定义错误及扩展错误
当我们在进行开发的时候，通常需要属于我们自己的错误类来反映任务中可能出现的特殊情况。对于网络操作错误，我们需要 HttpError，对于数据库操作错误，我们需要 DbError，对于搜索操作错误，我们需要 NotFoundError，等等
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!