2016-08-18 2 views
0

버튼을 클릭하고 페이지를 새로 고침하고 버튼 내부의 텍스트를 변경하고 싶습니다. 다시로드를 들어버튼을 클릭 할 때 페이지를 새로 고침하고 버튼 텍스트를 변경하십시오.

내가 가지고 :

자바 스크립트 :

function reloadPage(){ 
window.parent.location = window.parent.location.href;} 

HTML :

<button type="button" onClick="reloadPage()">Start</button> 

<script src="reloadpage.js"></script> 

클릭 한 후, 버튼의 텍스트가 "다시 시도"시작 "에서 변경해야합니다! "

어떻게하면됩니까?

감사합니다.

+1

Kayla :이 사례를 살펴보십시오. http://stackoverflow.com/questions/5004978/check-if-page-gets-reloaded-or-refreshed- in-javascript –

답변

1

reload에 쿼리 문자열을 추가 한 다음 쿼리 문자열을 감지하고 onload 단추의 텍스트를 변경하는 스크립트를 사용하여이 작업을 수행 할 수 있습니다.

자바 스크립트 :

function reloadPage(){ 
window.parent.location = window.parent.location.href+"reload=true";} 

function checkQString(){ 
// get query strings and store reload qstring in variable 
if (reload) { 
    document.getElementById('btn').innerHTML = 'Try Again!'; 
} 

HTML

<button id='btn' type="button" onLoad='checkQString();' onClick="reloadPage()">Start</button> 

<script src="reloadpage.js"></script> 
+0

귀하의 답변에 동의하십시오. 그 매개 변수를 생성하고 대신 재정의하는 대신 get 매개 변수를 기반으로 서버 쪽의 텍스트를 결정하는 것이 좋습니다. –

+0

이 [링크] (http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript) QStrings를 얻는 방법을 보여줍니다 –

+0

엘리야, 내가 당신의 솔루션을 이해, 당신이 '다시 시도해!'라고 지정한 부분 이후로 그것을 비판했지만 비난했다. innerHTML에 과잉이다. 마크 업을 생성 한 다음 'btn'을 검색하고 innerHTML을 재정의하는 대신 사용자에게 보내기 전에 서버 측에서이 작업을 수행해야합니다. –

관련 문제