0

ここで助けが必要です。このページでは、画像を使用して独自のリンク タグを作成したいと考えています。画像をクリックすると、選択したページに移動します。私はほとんど終わったと思いますが、うまくいきません！私は何を間違えましたか?! 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>
4

1 に答える 1

1

これは文字列でなければなりません:

localStorage.setItem("link", myNewLink.value)
                      ^^^^

ここで何が起こるかというと、リンクが ID として使用されるため、要素がキーとして使用されます。キーは文字列でなければなりません。これは、setItemメソッドとgetItem後で使用する の両方に当てはまります。

<a href="#" onClick="location.href = localStorage.getItem('link')">

また、これはセミカラムで区切る必要があります:

 <button onClick="newLink(); newIcon()">
                           ^

（私はこれらの点より先には見ませんでした）

于 2013-11-09T08:24:52.263 に答える