javascript 和 jsquery 只能从控制台工作

Question

当我使用此代码 resize() 进入控制台时没有错误，并且框将其高度调整为宽度。

function resize() {
    let box = document.getElementById("id");
    let width = $("#id").width();
    box.style.height = width;
}

我想自动执行此操作，所以我只是尝试在 js 文件的末尾添加 resize();，如下所示：

function resize() {
    let box = document.getElementById("id");
    let width = $("#id").width();
    box.style.height = width;
}

resize();

但是什么也没发生，并且控制台出现错误：

Uncaught TypeError: Cannot read property 'style' of null
    at resize (main.js:4)
    at main.js:7
resize @ main.js:4
(anonymous) @ main.js:7

Answer 1

您必须将您的函数调用封装在一个就绪函数中，因为元素可能尚未加载。

$(function() {
    resize();
});