参考没有文件的元素

Question

为什么可以通过JS引用HTML中的元素而无需通过文档？这是推荐的吗？

例如

的index.html

<canvas id="elem" onclick="foo();">

的script.js

function foo() {
    elem.width = 100;
    elem.height = 100;
}