If var raster = document.querySelector ("canvas")
在 HTML 文件中,定义并声明了栅格。但是,我希望将所有内容都放在 js 文件中,只将函数调用放在 HTML 中。当我尝试把var raster...
在 .js 文件中,它不断出现null
.
有什么办法可以拥有document.querySelector
指向关联的 HTML 文件?
// this doesn't work
//var raster = document.querySelector ("canvas").getContext ("2d");
function drawSquare (w,h) {
raster.fillStyle = "blue";
raster.fillRect (0,0,w,h);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IFS</title>
<script src="IFS.js"></script>
</head>
<body>
<canvas width="500" height="500"></canvas>
<script>var raster = document.querySelector ("canvas").getContext ("2d");
drawSquare (500,500);</script>
</body>
</html>
尝试移动<script src="IFS.js"></script>
到 HTML 代码的末尾,结束之前<body>
标签,而不是将其放在<head>
.
该问题是由于脚本在<canvas>
被渲染,所以document.querySelector ("canvas")
回报null
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)