Odkaz z Forme HTML/JS [duplicitné]

Question 1

Ja som v súčasnej dobe sa snaží urobiť program, v ktorom môžete zadať odkaz na HTML formulára a pri kliknutí na tlačidlo sa vám pošle na ktoré sa odkazujú. Avšak, keď som kliknite na tlačidlo stránky len vymaže forme. Som Python domácich a nováčik HTML/JS tak, ako som si štruktúrovanie môj kód môže byť dôvod, prečo:

<form>
    <input type="url" id="link" placeholder="Enter link of website:" required>
    <br>
    <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").onclick = () => 
        location.assign(String(document.getElementById("link").value));
    </script> </form>

Question 2

Keďže ste pomocou formulára. Vaše Tlačidlo

<button class="outline" id="open">Create gate</button>

pôsobí ako forma tlačidlo odoslať, a preto ho obnoví stránku pred vykonaním location.assign() metódy. Existuje mnoho spôsobov, ako to opraviť.

Jeden jednoduchý spôsob, ako je výlučne povedať prehliadač, ktorý nie je toto tlačidlo tlačidlo odoslať, môžeme to urobiť pomocou type="button" atribút v našej tlačidlo.

Vytvoriť brány
Môžete použiť e.preventDefault() na vašej forme predložiť zastaviť osviežujúci stránky.

Skúste nižšie kód:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Question 3

Kód presne tak, ako predpokladu, vložený do minimálna HTML5 štandardný šablónu pracuje v Textastic kód editor a v Safari beží na localhost.

Možno niektoré iné JavaScript v blízkosti vašej akcie poslucháč je lámanie na šípku funkciu. Možno bracketing jednu funkciu vyhlásenie mohol pomôcť?

Imran Rafiq Rather · Answer 1 · 2021-11-24T05:52:15

Keďže ste pomocou formulára. Vaše Tlačidlo

<button class="outline" id="open">Create gate</button>

pôsobí ako forma tlačidlo odoslať, a preto ho obnoví stránku pred vykonaním location.assign() metódy. Existuje mnoho spôsobov, ako to opraviť.

Jeden jednoduchý spôsob, ako je výlučne povedať prehliadač, ktorý nie je toto tlačidlo tlačidlo odoslať, môžeme to urobiť pomocou type="button" atribút v našej tlačidlo.

Vytvoriť brány
Môžete použiť e.preventDefault() na vašej forme predložiť zastaviť osviežujúci stránky.

Skúste nižšie kód:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Scott Wright · Answer 2 · 2021-11-24T05:48:39

Kód presne tak, ako predpokladu, vložený do minimálna HTML5 štandardný šablónu pracuje v Textastic kód editor a v Safari beží na localhost.

Možno niektoré iné JavaScript v blízkosti vašej akcie poslucháč je lámanie na šípku funkciu. Možno bracketing jednu funkciu vyhlásenie mohol pomôcť?

Odkaz z Forme HTML/JS [duplicitné]

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii