为什么会一直报错
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>手势解锁</title>
<style>
body {
text-align: center;
background-color: #305066;
}
</style>
</head>
<body>
<script>
(function () {
window.canvasLock = function (obj) {
this.width = obj.width;
this.height = obj.height;
};
canvasLock.prototype.initDom = function () {
var wrap = document.createElement("div"),
str = '<h4 id="title" class="title">绘制解锁图案</h4>',
var canvas = document.createElement("canvas");
canvas.setAttribute("id", "canvas");
var width = this.width || 300;
var height = this.height || 300;
wrap.innerHTML = str;
wrap.appendChild(canvas);
document.body.appendChild(wrap);
canvas.style.width = width;
canvas.style.height = height;
};
canvasLock.prototype.init = function () {
this.initDom();
}
})()
new canvasLock({}).init();
</script>
</body>
</html>
正在回答
同学你好， 修改后的文件，打开控制台查看报错如下：
检查文件发现， 如下所示位置， 结尾使用了逗号， 下一行的变量又重新使用var声明， 导致语法存在错误， 建议修改：
修改过后的就没有报错了 ，同学可以继续学习完善代码了， 在以后编程过程中要细心一点哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
(function () {
window.canvasLock = function (obj) {
this.width = obj.width;
this.height = obj.height;
};
canvasLock.prototype.initDom = function () {
var wrap = document.createElement("div"),
str = '<h4 id="title" class="title">绘制解锁图案</h4>',
var canvas = document.createElement("canvas");
canvas.setAttribute("id", "canvas");
var width = this.width || 300;
var height = this.height || 300;
wrap.innerHTML = str;
wrap.appendChild(canvas);
document.body.appendChild(wrap);
canvas.style.width = width + 'px';
canvas.style.height = height + 'px';
canvas.width = width;
canvas.height = height;
};
canvasLock.prototype.init = function () {
this.initDom();
}
})();相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星