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

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

JavaScript - 我的復(fù)選框(默認(rèn)情況下處于選中狀態(tài))不會(huì)在頁(yè)面加載時(shí)運(yùn)行其腳本

JavaScript - 我的復(fù)選框(默認(rèn)情況下處于選中狀態(tài))不會(huì)在頁(yè)面加載時(shí)運(yùn)行其腳本

慕森卡 2023-10-14 10:00:52
如果這真的很簡(jiǎn)單,我很抱歉,但我對(duì) JavaScript 還比較陌生。我已經(jīng)在網(wǎng)上尋找解決方案,但沒(méi)有找到任何東西!因此,我正在為 Google Chrome 擴(kuò)展彈出窗口構(gòu)建一種“設(shè)置”UI,并使用復(fù)選框來(lái)啟用/禁用選項(xiàng)。我希望默認(rèn)選中其中一個(gè)復(fù)選框,因此我checked在其 HTML 中定義了該屬性,如下所示;<input type="checkbox" id="option1" style="margin-left: 20px;" checked>                                                        <!-- ^ Right here ^ --><script src="script.js"></script>我在這里實(shí)現(xiàn)了一個(gè)腳本,這樣如果選中該復(fù)選框,就會(huì)以編程方式注入某個(gè)腳本。如果不檢查,它將注入不同的腳本。代碼:document.getElementById("option1").addEventListener("click", toggleOption1);function toggleOption1() {  var option1 = document.getElementById("option1");  // if option1 is checked, run first script  if (option1.checked === true) {    chrome.tabs.executeScript({          file: 'optionEnabled.js'        });  // otherwise, run script 2  } else {    chrome.tabs.executeScript({          file: 'optionDisabled.js'        });    }}現(xiàn)在,到目前為止,這對(duì)我來(lái)說(shuō)效果很好,它完全按照它的預(yù)期去做,除了一件事:我希望代碼自動(dòng)運(yùn)行,因?yàn)椋?,默認(rèn)情況下會(huì)選中該復(fù)選框。該代碼僅識(shí)別用戶取消選中或選中該框的情況。注意:我知道這行代碼document.getElementById("option1").addEventListener("click", toggleOption1);意味著該函數(shù)是在單擊時(shí)運(yùn)行的,我應(yīng)該使用onclick="toggleOption1()"它,但因?yàn)槲艺谥谱?chrome 擴(kuò)展,所以不允許使用內(nèi)聯(lián)腳本。注2:如果解決方案可以避免 JQuery 或其他外部庫(kù),我將不勝感激,但如果沒(méi)有其他可用的,我想也沒(méi)關(guān)系!注3:我會(huì)提供一個(gè)JSFiddle,但我不相信有辦法實(shí)現(xiàn)chrome擴(kuò)展環(huán)境。那里有人知道解決這個(gè)問(wèn)題的方法嗎?我已經(jīng)困惑了好幾天了,我真的很想解決這個(gè)問(wèn)題。提前致謝!
查看完整描述

2 回答

?
至尊寶的傳說(shuō)

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

稱呼


   toggleOption1();


    document.getElementById("option1").addEventListener("click", toggleOption1);

編輯


您應(yīng)該使用 DOMContentsLoaded 事件之類的東西來(lái)確保加載數(shù)據(jù)對(duì)象模型


JavaScript


    window.addEventListener('DOMContentLoaded', (event) => {

        

   

      

      document.getElementById("option1").addEventListener("click", toggleOption1);

       toggleOption1();

  });

function toggleOption1() {


  var option1 = document.getElementById("option1");


  // if option1 is checked, run first script

  if (option1.checked === true) {

    console.log("checked");

    // chrome.tabs.executeScript({

    //       file: 'optionEnabled.js'

    //     });

  // otherwise, run script 2

  } else {

    console.log("not checked");

    // chrome.tabs.executeScript({

    //       file: 'optionDisabled.js'

    //     });

    }

}


查看完整回答
反對(duì) 回復(fù) 2023-10-14
?
墨色風(fēng)雨

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

由于您知道默認(rèn)情況下復(fù)選框已選中,因此您可以簡(jiǎn)單地從后臺(tái)腳本而不是彈出腳本執(zhí)行代碼 chrome.tabs.executeScript 。

加載擴(kuò)展后,就會(huì)加載后臺(tái)腳本。后臺(tái)腳本對(duì)于所有選項(xiàng)卡都有一個(gè)實(shí)例。

更新: 加載擴(kuò)展時(shí)只會(huì)執(zhí)行一次。因此,用戶在彈出窗口之后使用復(fù)選框是沒(méi)有問(wèn)題的


查看完整回答
反對(duì) 回復(fù) 2023-10-14
  • 2 回答
  • 0 關(guān)注
  • 167 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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