我在这里需要一些帮助。点击此页面,我想用图像创建自己的链接标签。当您单击图像时,您将转到您选择的页面。我想我快完成了,但它不起作用!我做错了什么?!当我点击img元素打开新页面时,会弹出图像。
<head>
<meta charset="utf-8">
<title>Min Startsida</title>
<script type="text/javascript">
function newLink() {
var myNewLink = document.getElementById("link");
localStorage.setItem(link, myNewLink.value)
};
function newIcon() {
var myNewIcon = document.getElementById("icon");
localStorage.setItem(icon, myNewIcon.value)
};
function varIcon() {
document.getElementById("image").src = localStorage.getItem(icon)
};
</script>
</head>
<body>
<form>
<h1>lägg till länk</h1><br />
<input type="text" id="link"><br />
<input type="text" id="icon"><br />
<button onClick="newLink(), newIcon()">lägg till länk</button>
</form>
<section>
<a href="#" onClick="location.href = localStorage.getItem(link)"><img src="#" id="image" onLoad="varIcon()"></a>
</section>
</body>
这必须是一个字符串:
localStorage.setItem("link", myNewLink.value)
^^^^
这里发生的事情是,元素被用作键,因为链接用作 ID - 键必须是字符串。这适用于setItem
方法和稍后使用的getItem
:
<a href="#" onClick="location.href = localStorage.getItem('link')">
Alos,这必须用半列分隔:
<button onClick="newLink(); newIcon()">
^
(我没有看比这几点更远)