如何通過單擊Javascript中的按鈕跳到另一頁？

Question

我將通過單擊一個按鈕來重定向我的頁面。 但是我完全被報價弄糊塗了。

這是代碼：

child.innerHTML += "<a class='sliding-element' href='javascript:sendSurvey(" + (m + 1) + ")'>Survey " + surveyList[m].Name + "</a>" + "<input type='button' onClick='parent.location='QuestionPage.aspx''/>";

它無法將我重定向到QuestionPage.aspx。 它根本什么也沒做。

Answer 1

我不知道您的函數做什么，但是您可以嘗試轉義雙引號：

child.innerHTML += "<a class=\"sliding-element\" href=\"javascript:sendSurvey(\" + (m + 1) + \")\">Survey " + surveyList[m].Name + "</a>" + "<input type=\"button\" onClick="parent.location=\"QuestionPage.aspx\""/>";

Answer 2

不要構造HTML，而是構造元素：

var link = document.createElement("a");
link.className = "sliding-element";
link.href = "";
link.onclick = function (e) {
    e = e || window.event;
    e.preventDefault && e.preventDefault();
    e.returnValue = false;
    sendSurvey(m + 1);
};
link.appendChild(document.createTextNode("Survey " + surveyList[m].Name));
var btn = document.createElement("input");
btn.type = "button";
btn.value = "click me";
btn.onclick = function (e) {
    parent.location.href = "QuestionPage.aspx";
};
child.appendChild(link);
child.appendChild(btn);

它有點冗長，但不易出錯。

Answer 3

child.innerHTML += "<a class='sliding-element' href='javascript:sendSurvey(" + (m + 1) + ")'>Survey " + surveyList[m].Name + "</a>" + "<input type='button' onClick=\"parent.location='QuestionPage.aspx'\"/>";

您的引號有問題：您需要使用轉義的“而不是嵌套的”

Answer 4

這是使您的代碼清晰易懂的代碼：

child.innerHTML += "<a class='sliding-element'"
                +  "href='javascript:sendSurvey(" + (m + 1) + ")'>Survey "
                +   surveyList[m].Name + "</a>"
                +  "<input type='button' "
                +  "onClick='parent.location='QuestionPage.aspx''/>";

onClick （最后一行）中的引號是錯誤的。 您已經嵌套了引號，必須將其轉義，最后還有一個額外的引號。

改成：

child.innerHTML += "<a class='sliding-element'"
                +  "href='javascript:sendSurvey(" + (m + 1) + ")'>Survey "
                +   surveyList[m].Name + "</a>"
                +  "<input type='button' "
                +  "onClick='parent.location=\"QuestionPage.aspx\" />";