Popup d'extension de démarrage </TITAL> <script src = \\\"popup.js\\\"> </ script> </ head> <body> <div> </p> <p> Lorsque l'utilisateur clique sur \\\"hyhy\\\", \\\"ha\\\" doit être changé en \\\"xxx\\\", mais il ne fonctionne pas dans l'extension. <strong> </strong> Réponse: </p> <p> </p> Les extensions de chrome et Firefox weBExtensions ne permettent pas en ligne JavaScript. Par conséquent, d'autres méthodes doivent être utilisées pour lier les événements. <p> </p> Une façon consiste à attribuer un ID au lien (par exemple, <a>) et à lier l'événement à l'aide d'AddEventListener dans le fichier popup.js: <pre class=\\\"brush:php;toolbar:false\\\">function hellYeah(text) { document.getElementById(\\\"text-holder\\\").innerHTML = text;}</pre> document.addeventListener ('DomContentSoaded' , fonction() { var link = document.getElementById ('lien'); // La logique de clic est la suivante: link.addeventListener ('click', function () { Hellyeah ('xxx'); });}); <p> </p> Assurez-vous que popup.js est chargé en tant que fichier de script séparé: <pre class=\\\"brush:php;toolbar:false\\\">function hellYeah(text) { document.getElementById(\\\"text-holder\\\").innerHTML = text;}</pre> <script src = \\\"popup.js\\\"> </cript> <p>","image":"http://www.luping.net/uploads/20250206/173880504967a40f39c1d94.jpg173880504967a40f39c1d9c.jpg","datePublished":"2025-02-06T11:36:29+08:00","dateModified":"2025-02-06T11:36:29+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}</script> </head> <body class="bodyBg wzlb wzxq"> <style> .Contents img { max-width: 90%; } </style> <!--头部--> <div class="lpHeader"> <div class="lpTop"> <div class="lptoptop"> <div class="lpTopLeft"> "Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong" </div> <div class="clear"></div> </div> </div> <div class="lpHeadBg"> <div class="lpHeadIn"> <div class="lpLogo_navlan"> <div class="lpLogo"> <a href="/fr/" title="logo"></a> </div> <div class="layui-btn-container" id="navlan1"> <button type="button" class="layui-btn layui-btn-primary" lay-on="test-offset-r" > <i class="layui-icon layui-icon-website"></i> </button> </div> </div> <div class="lpHeadMiddle"> <div class="middleOne middlediv " > <a href="/fr/" title="Outils en ligne" class="oneSpan middlespan aBlack" >Outils en ligne</a > </div> <div class="middleTwo middlediv hovers" > <a href="/fr/articlelist/" title="Tutoriel logiciel" class="oneSpan middlespan aBlack" >Tutoriel logiciel</a > </div> <div class="middleThree middlediv " > <a href="/fr/nav" title="Navigation sur les sites" class="oneSpan middlespan aBlack" >Navigation sur les sites</a > </div> <div class="middleThree middlediv " > <a href="/fr/runcode" title="La programmation" class="oneSpan middlespan aBlack" >La programmation</a > </div> </div> <div class="layui-btn-container" id="navlan2"> <button type="button" class="layui-btn layui-btn-primary" lay-on="test-offset-r" > <i class="layui-icon layui-icon-website"></i> </button> </div> </div> </div> </div> <!-- <script type="text/javascript"> (function () { var ua = navigator.userAgent.toLowerCase(); var bIsIpad = ua.match(/ipad/i) == "ipad"; var bIsIphoneOs = ua.match(/iphone os/i) == "iphone os" || ua.match(/iphone; cpu os/i) == "iphone; cpu os"; var bIsAndroid = ua.match(/android/i) == "android"; var bIsWM = ua.match(/windows mobile/i) == "windows mobile"; var host = "https://m.luping.net"; var pathname = window.location.pathname; if (bIsIpad || bIsIphoneOs || bIsAndroid || bIsWM) { window.location.href = host + pathname; } })(); </script> --> <!--头部 end--> <!--主体--> <div class="lpMain wzxq"> <div class="wzlbNav"> <img src="/style/images/biaoji.png" class="biaoji" /> <a href="/fr/" class="aBlack">Page de garde</a> > <a href="/fr/articlelist/26_1.html" class="aBlack" >La programmation</a ><a class="hoverA aBlack"> > Pourquoi ma fonction ONClick en ligne ne fonctionne-t-elle pas dans une extension Chrome / Firefox?</a> </div> <div class="lpApacBox wzxq"> <div class="lpApacLeft wzxq"> <div class="wzContent"> <div class="wzTitle"> <h2>Pourquoi ma fonction ONClick en ligne ne fonctionne-t-elle pas dans une extension Chrome / Firefox?</h2> <div class="titleOhter"> <div> Publié le 2025-02-06 </div> <div class="watchs toDiv"> <img src="/style/images/examples/icon3.png" /> <span>Parcourir:958</span> </div> <!-- <div class="collects toDiv">--> <!-- <img src="/style/images/shoucang.png">--> <!-- <span>收藏</span>--> <!-- </div>--> <!-- <div class="nocollects toDiv">--> <!-- <img src="/style/images/details_icon_score_orange_14.png">--> <!-- <span>取消收藏</span>--> <!-- </div>--> </div> </div> <div class="contentLine"></div> <div class="Contents"> <p> <img src="/uploads/20250206/173880505167a40f3b13e41.jpg173880505167a40f3b13e4c.jpg" alt="Why Doesn't My Inline onclick Function Work in a Chrome/Firefox Extension? "> </p> <p> <strong> </strong> extension onclick ou script inline ne fonctionne pas </p> <p> <strong> problème: </strong> </p> <p> </p> <p> Dans l'extension dans le cas de la fonction ONClick, la fonction ONClick ne peut pas remplir sa fonction attendue, bien qu'elle fonctionne bien dans un navigateur normal. <strong> </strong> </p> Exemple de code: <pre class="brush:php;toolbar:false">function hellYeah(text) { document.getElementById("text-holder").innerHTML = text; }</pre> <pre class="brush:php;toolbar:false"> <title>Getting Started Extension's Popup

Popup d'extension de démarrage <script src="popup.js"> </ script> </ head> <body> <div> </script>

Lorsque l'utilisateur clique sur "hyhy", "ha" doit être changé en "xxx", mais il ne fonctionne pas dans l'extension. Réponse:

Les extensions de chrome et Firefox weBExtensions ne permettent pas en ligne JavaScript. Par conséquent, d'autres méthodes doivent être utilisées pour lier les événements.

Une façon consiste à attribuer un ID au lien (par exemple, ) et à lier l'événement à l'aide d'AddEventListener dans le fichier popup.js: 
function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}
document.addeventListener ('DomContentSoaded' , fonction() { var link = document.getElementById ('lien'); // La logique de clic est la suivante: link.addeventListener ('click', function () { Hellyeah ('xxx'); }); });

Assurez-vous que popup.js est chargé en tant que fichier de script séparé: 
function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}
Dernier tutoriel Plus>
ClassificationPlus>
Apprendre le japonais Apprendre le coréen Apprendre le chinois Apprendre une langue étrangère Jeu Problème commun Périphériques technologiques IA Tutoriel logiciel La programmation Article

Étudier le chinois

OutilPlus>
Décodage d'images en base64
Pinyin chinois
Encodage Unicode
Compression de chiffrement d'obscurcissement JS
Outil de chiffrement hexadécimal d'URL
Outil de conversion d'encodage UTF-8
Outils d'encodage et de décodage Ascii en ligne
Outil de cryptage MD5
Outil de cryptage et de décryptage en ligne de texte de hachage/hachage
Cryptage SHA en ligne

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3