JavaScript 在 IE11 上不工作/触发 - 我在我的脚本中使用 onclick=function() - SCRIPT5 控制台错误

Question

我已经为我组织的网站创建了一个嵌入。它适用于所有浏览器（包括 Edge），但不适用于 IE 11。我读过很多关于 onclick 在 IE 中无法正常工作的信息，但没有关于在脚本本身中使用 onclick 的内容。我收到 SCTIPT5：访问被拒绝....

下面是我脚本的片段[宠物。它在除 IE 11 之外的所有浏览器上触发。有人有任何见解吗？

//Variables
var count = 0 //Yes button click count
var q1 = document.getElementById('q1');
var q2 = document.getElementById('q2');
var q3 = document.getElementById('q3');
var q4 = document.getElementById('q4');
var q5 = document.getElementById('q5');
var cloud0 = document.getElementById('cloud0');
var cloud1 = document.getElementById('cloud1');
var cloud2 = document.getElementById('cloud2');
var cloud3 = document.getElementById('cloud3');
var results = document.getElementById('results');
var result0 = document.getElementById('result0');

//Tracking
var dataLayer = dataLayer || [];
var qNum = 1;

//Question 1 Yes and No button. Actions when they are clicked.
yes1.onclick = function() {
  count ++ ;
    q1.style.display = "none";
    q2.style.display = "inline";
        if (count === 1) {
        cloud0.style.display = "none";
        cloud1.style.display = "block";
    }
    sendEvent(qNum,'yes');
    qNum++;
}

no1.onclick = function() {
    q1.style.display = "none";
    q2.style.display = "inline";
    sendEvent(qNum,'no');
    qNum++;
}


//Question 2 Yes and No button. Actions when they are clicked.
yes2.onclick = function() {
  count ++ ;
    q2.style.display = "none";
    q3.style.display = "inline";
        if (count === 1) {
        cloud0.style.display = "none";
        cloud1.style.display = "block";
    } else if (count === 2) {
        cloud1.style.display = "none";
        cloud2.style.display = "block";
    }
    sendEvent(qNum,'yes');
    qNum++;
}

no2.onclick = function() {
    q2.style.display = "none";
    q3.style.display = "inline";
    sendEvent(qNum,'no');
    qNum++;
}

每次单击 HTML 文件中的按钮，都会显示下一个问题和新按钮，而以前的按钮会隐藏。

这是我的 HTML 的一个片段来帮助：

<div class="quiz" id="quiz">

  <div role="question" class="q" id="q1">
    <div class="layoutq">
      <p class="qnumber" id="qnumber1">1</p>
      <P class="qtext" id="qtext1">Do you usually go up to or over the limit on your cards or overdraft?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes1">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no1">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q2">
    <div class="layoutq">
      <P class="qnumber" id="qnumber2">2</P>
      <P class="qtext" id="qtext2">Have you borrowed more money to cover your debt payments?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes2" class="yesbutton">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no2">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q3">
    <div class="layoutq">
      <P class="qnumber" id="qnumber3">3</P>
      <P class="qtext" id="qtext3">Have you considered or applied for a debt consolidation loan recently?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes3">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no3">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q4">
    <div class="layoutq">
      <P class="qnumber" id="qnumber4">4</P>
      <P class="qtext" id="qtext4">Are you having issues paying your household bills?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes4">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no4">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q5">
    <div class="layoutq">
      <P class="qnumber" id="qnumber5">5</P>
      <P class="qtext" id="qtex5">Have you borrowed following job loss, illness or an upheaval in your life?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes5">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no5">No</button>
    </div>
  </div>

</div>

非常感谢大家

马克

Answer 1

我通过在脚本中定义按钮变量解决了这个问题。现在一切正常。感谢您的建议。 mplungjan 你的建议救了我的命！

干杯

JavaScript 在 IE11 上不工作/触发 - 我在我的脚本中使用 onclick=function() - SCRIPT5 控制台错误

JavaScript not working / firing on IE11 - I'm using onclick=function() in my script - SCRIPT5 console error

javascript

internet-explorer

onclick

internet-explorer-11