자바 스크립트 기능이

Question

나는 잠시 동안이 문제는 연구 및 Google 크롬 자바 스크립트로 갖고있는 것 같아요 문제의 엄청난 양 주어 졌어, 내가 꾸게 구글 크롬에서 작업을 수행하지 못하는 문제가이 같은 문제를 가진 사람을 찾는 .

문제는 다음과 같습니다. 앵커가 div의 내용을 대체하는 새 함수를 호출하면 Javascript로 변경하기 전에 div의 기본 내용으로 되돌리기 전에 적절한 결과를 잠깐 보여줍니다.

function prologueThree() { 
    document.getElementById('content').innerHTML = document.getElementById('prologue3').innerHTML; 
} 

function prologueFour() { 
    userName = document.getElementById('yourname').value; 
    if(userName.length === 0) { 
     alert("Erm... are you sure that\'s your name?"); 
     prologueThree(); 
    } else { 
     document.getElementById('content').innerHTML = '<center> \ 
<img src="http://pokemonroleplay.thedevhome.net/images/Gameboy/characters/red.png"><br> \ 
Right, so your name is ' + userName + '! \ 
<br><br> \ 
<a onclick="prologueFive()"><button>>>Continue>></button></a></center>'; 
    } 
} 

이 스크립트의 코드 조각이지만, 전체 것은 파이어 폭스에서 잘 작동하고 처음 세 프롤로그 기능은 크롬에서 잘 작동 :

여기 스크립트입니다. 그것은 그것이 프롤로그를 실행하려고 할 때만입니다. 그것은 밖으로 괴물과 다시 이동합니다. 또한 Chrome 개발자 콘솔을 사용해 보았지만 오류를 등록하지 않습니다.

도움을 주셔서 감사합니다.

Answer 1

다른 문제가 있는지 잘 모르겠지만 >>Continue>>은 정확하게 문제를 일으킬 수있는 표준 준수 html이 아닙니다. 대신 >을 사용해야합니다.

Answer 2

나는 당신의 site 에 가서 나는 당신이 기본 동작이 페이지를 새로 고침 양식 제출되고, 실행에서 기본 동작을 방지하지 않고 형태로 submit 버튼에 onclick을 구속력을 발견하고, 따라서 당신이 잃을 수 있습니다 당신의 장소로 가서 처음으로 돌아 가라. 이전 프롤로그를 위해했던 것처럼 보통의 오래된 버튼이나 앵커 태그를 사용하십시오. 어떤 이유에서 건 제출을 주장하는 경우 다음과 같은 기본 동작을 방지하십시오.

function prologueFour(e) { 
    typeof e.preventDefault === 'function' 
     ? e.preventDefault() 
     : e.returnValue = false; 
    // now rest of code can continue without page refresh 
}