如何从 JavaScript 函数中获取值

Question

我试图在页面 id 为 true 时运行一个函数，该函数运行良好，但我无法获取该函数的值。

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

它 getImageUrl(events[0].img);给了我正确的图像 URL，但是当我在图像 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

我不太确定你想要什么。但我相信这就是你正在尝试的。document.addEventListener("init", function (event) {&nbsp; &nbsp; let page = event.target;&nbsp;&nbsp; &nbsp; var setImage = function (url) {&nbsp; &nbsp; &nbsp; &nbsp; var imgDiv = document.getElementById("image-div");&nbsp; &nbsp; &nbsp; &nbsp; var img = document.createElement('img');&nbsp; &nbsp; &nbsp; &nbsp; img.src = url;&nbsp; &nbsp; &nbsp; &nbsp; imgDiv.appendChild(img);&nbsp; &nbsp; }&nbsp; &nbsp; $("#container").simpleCalendar({&nbsp; &nbsp; &nbsp; &nbsp; onCalendarLoad : function (date, events) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (page.id === 'page1') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setImage(events[0].img);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (page.id === 'page2') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // do something else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}

Answer 2

我真的不明白你想在这里做什么。getImageUrl(url) 函数更像是 setImageUrl...您正在设置一个值getImageUrl 不返回任何值，因此再次出现根本没有意义的内容，请提供更好的代码