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

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 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''/>"; 

引用符を内（最後の行）が間違っています。あなたは入れ子にされた引用符を持っていて、それらをエスケープしなければなりません。最後に余分な引用符があります。

変更：

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

は、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); 

それは少し冗長なのですが、エラーが起こりにくいです。