第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

無需刷新整個(gè)頁面即可更新網(wǎng)頁中的圖像

無需刷新整個(gè)頁面即可更新網(wǎng)頁中的圖像

絕地?zé)o雙 2022-05-22 13:53:57
我是一名 JavaScript 初學(xué)者。我正在使用燒瓶將我的 python 代碼與前端(plainJS、HTML 和 CSS)集成?;旧?,我在左側(cè)有一個(gè)包含圖像(或者更確切地說是圖像的圖塊)的網(wǎng)頁,在右側(cè)有搜索結(jié)果。當(dāng)用戶選擇圖像中的特定圖塊時(shí),它會(huì)被發(fā)送到后端進(jìn)行處理,將結(jié)果(外觀相似的圖塊)保存到文件夾中。這些將在網(wǎng)頁的右側(cè)自動(dòng)檢索。這樣做的問題是:當(dāng)我運(yùn)行燒瓶應(yīng)用程序時(shí),頁面首先被加載,并且由于開頭的結(jié)果文件夾包含上一個(gè)會(huì)話的圖像,所以它們被加載了。此外,在 python 處理完成后,我必須手動(dòng)刷新頁面才能加載結(jié)果。我試過:編寫一個(gè) setInterval 函數(shù),每隔 5 秒更新一次圖像的來源,這樣當(dāng)新結(jié)果到達(dá)時(shí),它們可以自動(dòng)顯示。代碼寫在下面。顯然這個(gè)函數(shù)根本不起作用(我輸入了 console.log() 語句,但它們沒有顯示任何內(nèi)容):JAVASCRIPT--------->setInterval(function(){    var images=document.getElementsByTagName('img');    for(var i=0;i<images.length;i++){      var dt=new Date();      console.log(dt); //does not display anything on the console      var img=images[i];      if(img.id!='MainIMAGE')    // reload all images except image with id MainIMAGE        {           img.src=img.src+"?"+dt.getTime();           console.log(img.src);  // does not display anything as well        }   }},5000);這是正確的解決方案嗎?或者還有其他方法可以解決這個(gè)問題嗎?
查看完整描述

2 回答

?
翻過高山走不出你

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊

您可以使用URL來避免連接先前的time參數(shù):


setInterval(function() {

  var images = document.getElementsByTagName('img');

  for (var i = 0; i < images.length; i++) {

    var dt = new Date();

    console.log(dt); //does not display anything on the console

    var img = images[i];

    if (img.id != 'MainIMAGE') // reload all images except image with id MainIMAGE

    {

      const url = new URL(img.src);

      url.search = 'time=' + dt.getTime();

      img.src = url.href;

      console.log(img.src + ' ' + dt); // does not display anything as well

    }

  }

}, 1000);

<img src="https://placeimg.com/200/200/any" />


查看完整回答
反對 回復(fù) 2022-05-22
?
開心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

我建議使用searchParams,而不是搜索


const images = [...document.querySelectorAll('img:not(#MainIMAGE)')]; // assuming no dynamic images inserted

setInterval(() => {

  images.forEach(img => {

    const url = new URL(img.src);

    url.searchParams.set('time', new Date().getTime());

    img.src = url.href;

  })

}, 2000);

<img src="https://placeimg.com/100/100/any" /><br/>


<img id="MainIMAGE" src="https://placeimg.com/200/200/any" />


查看完整回答
反對 回復(fù) 2022-05-22
  • 2 回答
  • 0 關(guān)注
  • 89 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)