javascript - 无需我请求此行为即可重定向到页面的按钮

Question

我有一个按钮，我试图让它根据选择框中的选项将 html 插入到列中。我已经查看了我的代码十几次，但无法理解它为什么会这样:我没有将代码插入 div 并显示它，而是被重定向到另一个网页 ".../newlsetters-%newsletteryear %”。不确定是什么导致了这种情况。任何帮助将不胜感激!

<h1>KMVCSS Newsletters</h1> <h1 style="font-weight: 100">2014 - 2017</h1>
<div class="n-body">
<form>
<select id="nbox" name="newsletters">
<option value="2017">Newsletter 2017</option>
</select>

<button id="nbutton" onclick="displayNewsletter();">Get Newsletter 
Link</button>
</form>

<div class="n-row">
<div id="col">
</div>
</div>
</div>

<script>
function displayNewsletter() {
    var selectedNewsletter = document.getElementById("nbox").value;
    var col= document.getElementById("col");
    var a = "<h2>2017</h2> <img alt='newsletter' src='http://clone.kmvcss.org/wpcontent/themes/nu2013/images/2017-Newsletter.png' width='60px' height='180px'/> <a href='https://drive.google.com/open?id=0B0vGa180vtK9aDlPZlFIMTRmcDJvZ0l5Ti1WMGxIV3RMV3RV'>";


    if (selectedNewsletter === "2017") {
        col.innerHtml = a;
}

</script>

Answer 1

<button id="nbutton" type='button' onclick="displayNewsletter();">Get Newsletter Link</button>

默认情况下它是一个提交按钮，浏览器执行表单提交并随后重定向到 url在表单中指定(在您的情况下它是空的)。