如何从 JavaScript 中的函数获取值

Question

当我的页面 ID 为真时，我正在尝试运行一个函数，它运行良好，但我无法获取该函数的值。

我想要实现的是我想从日历数据中加载图像 URL 到 id 为真的页面，例如如果 (page1) 为真那么我想进行查询搜索该页面中的图像 ID 并从日历数据加载图像。

getImageUrl(events[0].img); 正确地给我图像 URL 但是当我运行这个函数在 if (page.id === "page1") {getImageUrl()} 中时图像 URL 是未定义的。有没有办法或不同的解决方法？这可能吗？请给我提意见。我对开发还很陌生。

document.addEventListener("init", function (event) {
let page = event.target; 
     
     if (page.id === "page1") {

        // if page id is true this function will execute but im not able to get the image says undefined how do i get the function working right.
        getImageUrl();
 
} else if (page.id === "page2") {
          //do something
      }
});

//The below Queryselector id is avialble only for PAGE 1 where i want to run this function. 
function getImageUrl(url) {
  document.querySelector("#image-div").innerHTML += `<img src="${url}" />`;
}


//LOAD Calender and passing json ImageURLdata into the getImageUrl function
function loadCalender() {
  $("#container").simpleCalendar({
    onCalendarLoad : function (date, events) {
     getImageUrl(events[0].img);
     console.log(events[0].img);
    }
}

Answer 1

我不太明白你在这里想做什么。

getImageUrl(url) 函数更像是一个 setImageUrl...您正在设置一个值
getImageUrl 没有 return 任何值，所以又是一些完全没有意义的东西，请提供更好的代码

Answer 2

我不太确定你想要什么。但我相信这就是你正在尝试的。

document.addEventListener("init", function (event) {
    let page = event.target; 

    var setImage = function (url) {
        var imgDiv = document.getElementById("image-div");
        var img = document.createElement('img');
        img.src = url;
        imgDiv.appendChild(img);
    }

    $("#container").simpleCalendar({
        onCalendarLoad : function (date, events) {
            if (page.id === 'page1') {
                setImage(events[0].img);
            } else if (page.id === 'page2') {
                // do something else
            }
        }
    }
}

如何从 JavaScript 中的函数获取值

How to get value from a function in JavaScript

html

javascript

dom-events