Internet Explorer 11中的JavaScript函數未運行

-5

我爲我的工作構建了這個粗略頁面以幫助生成配置文件。它在Chrome和Firefox中運行良好，但在IE中不起作用。當您按下生成按鈕時，它不會執行任何操作。Internet Explorer 11中的JavaScript函數未運行

有人可以告訴我它有什麼問題嗎？

function myFunction() { 
 

 
    var name = document.getElementById("input_name").value; 
 
    var phone = document.getElementById("input_phone").value; 
 
    var address = document.getElementById("input_address").value; 
 
    var ip = document.getElementById("input_ip").value; 
 
    var mask = document.getElementById("input_mask").value; 
 
    var gate = document.getElementById("input_gate").value; 
 
    var enable = document.getElementById("input_enable").value; 
 
    var login = document.getElementById("input_login").value; 
 
    var vlan = document.getElementById("input_vlan").value; 
 
    var digits = document.getElementById("input_digits").value; 
 
    var analog = document.getElementById("analog"); 
 
    var pri = document.getElementById("pri"); 
 
    var extended = document.getElementById("extended"); 
 

 
    if (analog.checked) { 
 
    var str = `...config file stuff...`; 
 
    var res = str.replace(/example_name/g, name).replace(/example_phone/g, phone).replace(/example_address/g, address).replace(/example_ip/g, ip).replace(/example_gateway/g, gate).replace(/example_mask/g, mask).replace(/example_enable/g, enable).replace(/example_login/g, login); 
 
    document.getElementById("demo").innerHTML = res; 
 
    } else if (pri.checked) { 
 
    var str = `...config file stuff...`; 
 
    var res = str.replace(/example_name/g, name).replace(/example_phone/g, phone).replace(/example_address/g, address).replace(/example_ip/g, ip).replace(/example_gateway/g, gate).replace(/example_mask/g, mask).replace(/example_enable/g, enable).replace(/example_login/g, login).replace(/example_digits/g, digits); 
 
    document.getElementById("demo").innerHTML = res; 
 
    } else { 
 
    var str = `...config file stuff...`; 
 
    var res = str.replace(/example_name/g, name).replace(/example_phone/g, phone).replace(/example_address/g, address).replace(/example_ip/g, ip).replace(/example_gateway/g, gate).replace(/example_mask/g, mask).replace(/example_enable/g, enable).replace(/example_login/g, login).replace(/example_vlan/g, vlan); 
 
    document.getElementById("demo").innerHTML = res; 
 
    } 
 
}

.container { 
 
    width: 600px; 
 
    clear: both; 
 
    background-color: Gainsboro; 
 
    margin-right: auto; 
 
    margin-left: auto; 
 
    padding-right: 15px; 
 
    padding-left: 15px; 
 
    padding-bottom: 15px; 
 
    padding-top: 5px; 
 
    border: 2px solid black; 
 
    border-radius: 5px; 
 
} 
 

 
.header { 
 
    width: 600px; 
 
    background-color: PaleGreen; 
 
    margin-right: auto; 
 
    margin-left: auto; 
 
    margin-left: auto; 
 
    padding-right: 15px; 
 
    padding-left: 15px; 
 
    padding-bottom: 10px; 
 
    padding-top: 5px; 
 
    font-family: "Arial", Arial, sans-serif; 
 
    border: 2px solid black; 
 
    border-radius: 5px; 
 
} 
 

 
h1 { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 

 
h3 { 
 
    margin: 5px; 
 
    padding: 0px; 
 
} 
 

 
.container input[type="text"] { 
 
    width: 95%; 
 
    clear: both; 
 
}

<body> 
 
    <div class="container"> 
 
    <p><b>Enter the information and click the button to generate a config file.</b></p> 
 
    <p>Customer Name: 
 
     <input name="input_name" type="text" maxlength="512" id="input_name" class="searchField" align="left" /> 
 
    </p> 
 
    <p>Customer Phone #: 
 
     <input name="input_phone" type="text" maxlength="512" id="input_phone" class="searchField" align="left" /> 
 
    </p> 
 
    <p>Address: 
 
     <input name="input_address" type="text" maxlength="512" id="input_address" class="searchField" align="left" /> 
 
    </p> 
 
    <p>IP Address: 
 
     <input name="input_ip" type="text" maxlength="512" id="input_ip" class="searchField" /> 
 
    </p> 
 
    <p>Subnet Mask: 
 
     <input name="input_mask" type="text" maxlength="512" id="input_mask" class="searchField" /> 
 
    </p> 
 
    <p>Gateway: 
 
     <input name="input_gate" type="text" maxlength="512" id="input_gate" class="searchField" /> 
 
    </p> 
 
    <p>Enable Password: 
 
     <input name="input_enable" type="text" maxlength="512" id="input_enable" class="searchField" /> 
 
    </p> 
 
    <p>Login Password: 
 
     <input name="input_login" type="text" maxlength="512" id="input_login" class="searchField" /> 
 
    </p> 
 
    <p>Extended Reach VLAN: 
 
     <input name="input_login" type="text" maxlength="512" id="input_vlan" class="searchField" /> 
 
    </p> 
 
    <p>Digits Transferred: (Choose 0, 3, 4, 7, or all) 
 
     <input name="input_login" type="text" maxlength="512" id="input_digits" class="searchField" /> 
 
    </p> 
 
    <button onclick="myFunction()" style="width:120px">Generate</button> 
 
    <input type="radio" name="config-type" id="analog" checked> 
 
    <label for="analog">Analog Only</label> 
 
    <input type="radio" id="pri" name="config-type"> 
 
    <label for="pri">Analog and PRI</label> 
 
    <input type="radio" id="extended" name="config-type"> 
 
    <label for="extended">Extended Reach PRI</label> 
 
    </div> 
 
    <br> 
 
    <div class="container"> 
 
    <p id="demo">Config will generate here:</p> 
 
    </div> 
 
</body>

來源

2017-07-24 GrowingDark

所有正在使用ES6的...我不認爲它目前還不支持。 –

說：「我很抱歉，這很麻煩」，不會讓我們的眼睛更好地篩選代碼。格式正確，並將其減少到相關部分*僅限* –

我很抱歉，我還不是很瞭解。在這種情況下，我如何能夠與IE兼容？ – GrowingDark