首页 > 解决方案 > 如何从 JavaScript 中的函数中获取值

问题描述

我正在尝试在我的页面 id 为真时运行一个函数,这运行良好且良好,但我无法获取该函数的值。

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

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

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);
    }
}

标签: javascripthtmldom-events

解决方案


我真的不明白你在这里尝试做什么。

  1. getImageUrl(url) 函数更像是一个 setImageUrl ...您正在设置一个值
  2. getImageUrl 不返回任何值,所以再一次没有任何意义的东西请提供更好的代码

推荐阅读