localStorage에서 url을 어떻게 호출합니까?

설정 페이지에서 localStorage-에 URL을 저장하고 싶습니다. 그런 다음 하이퍼 링크 또는 클릭 할 때 해당 URL로 이동해야하는 버튼이 필요합니다. jquery를 사용하지 않으려 고합니다.localStorage에서 url을 어떻게 호출합니까?

<!doctype html> 
<html> 
<head> 
<title>Local Storage URL</title> 

<script type="text/javascript"> 
function save() { 
    var myURL = document.getElementById('url'); 
    localStorage.setItem('url', myURL.value); 
} 

function load() { 
    var storedValue = localStorage.getItem('url'); 
    if(storedValue) { 
     document.getElementById('url').value = storedValue; 
    } 
} 

</script> 

</head> 

<body onLoad="load()"> 
<input type="text" id="url" /> 
<input type="button" value="save" onclick="save()" /> 
<p> 
<-- Here is where I am stuck below --><br> 
<a href="('myUrl')">Link to localStorage Address</a> 
</body> 
</html>

출처

2012-05-15 chrspe

@Seki은 그가'localStorage' (올바른 API 호출, 마음을) 만 사용하여 시도 같은데 오류가 발생했습니다. –

@ElliotBonneville : 오늘 내가 읽고있는 네 번째 질문입니다. 코드의 일부이며 시도 및/또는 관련 오류에 대한 언급이없는 것 같습니다. 어쩌면 나는 좀 쉬어야 할 것이지만, 고전적인 "나는 코드가 필요하다 ... 몇 가지 아이디어"밖에는 특별한 질문을 볼 수 없다. – Seki

내 잘못으로, 나는 "질문"HTML 주석에 손실을 보았다. 첫눈에 보이지 않습니다. – Seki

당신은 HREF 앵커 태그의 innerHTML을 설정해야

<a id="link" href="('myUrl')">Link to localStorage Address</a> 

function load() { 
    var storedValue = localStorage.getItem('url'); 
    var linkTag = document.getElementById('link'); 
    var urlInput = document.getElementById('url'); 
    if(storedValue) { 
     urlInput.value = storedValue; 
     linkTag.href = storedValue; 
     linkTag.innerHTML = storedValue; 
    } 
}

DEMO

출처

2012-05-15 21:36:07 ocanal

굉장! 대단히 고맙습니다. 훌륭하게 작동합니다. – chrspe

localStorage에서 url을 어떻게 호출합니까?

답변

관련 문제