HTML/JS Formundan bağlantı [çoğalt]

Question 1

Şu anda bir HTML formuna bir bağlantı girdiğiniz bir program yapmaya çalışıyorum ve bir düğmeyi tıkladığınızda sizi bu bağlantıya gönderiyor. Ancak, düğmeyi tıkladığımda sayfa formu temizler. Ben bir Python yerlisiyim ve HTML/js'ye yeniyim, bu yüzden kodumu yapılandırma şeklim neden olabilir:

<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

O zamandan beri bir form kullanıyorsunuz. Düğmen

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

form gönder düğmesi olarak hareket eder ve bu nedenle çalıştırmadan önce sayfayı yeniler location.assign() yöntem. Bunu düzeltmek için birçok yol vardır.

Basit bir yol, tarayıcıya yalnızca bu düğmenin gönder düğmesi olmadığını söylemektir, bunu kullanarak yapabiliriz type="button" düğmemizdeki öznitelik.

Kapı oluştur
Kullanabilirsiniz e.preventDefault() formunuzda, sayfayı yenilemeyi durdurmak için gönderin.

Aşağıdaki kodu deneyin:

<!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

Kodunuz, tam olarak sağlandığı gibi, minimum HTML5 şablon şablonuna yapıştırıldığında, Textastic kod düzenleyicisinde ve localhost'ta çalışan Safari'de çalışır.

Belki de olay dinleyicinizin yakınında bulunan başka bir JavaScript, ok işlevini bozuyor olabilir. Belki bir işlev deyimini parantez içine almak yardımcı olabilir mi?

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

O zamandan beri bir form kullanıyorsunuz. Düğmen

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

form gönder düğmesi olarak hareket eder ve bu nedenle çalıştırmadan önce sayfayı yeniler location.assign() yöntem. Bunu düzeltmek için birçok yol vardır.

Basit bir yol, tarayıcıya yalnızca bu düğmenin gönder düğmesi olmadığını söylemektir, bunu kullanarak yapabiliriz type="button" düğmemizdeki öznitelik.

Kapı oluştur
Kullanabilirsiniz e.preventDefault() formunuzda, sayfayı yenilemeyi durdurmak için gönderin.

Aşağıdaki kodu deneyin:

<!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

Kodunuz, tam olarak sağlandığı gibi, minimum HTML5 şablon şablonuna yapıştırıldığında, Textastic kod düzenleyicisinde ve localhost'ta çalışan Safari'de çalışır.

Belki de olay dinleyicinizin yakınında bulunan başka bir JavaScript, ok işlevini bozuyor olabilir. Belki bir işlev deyimini parantez içine almak yardımcı olabilir mi?

HTML/JS Formundan bağlantı [çoğalt]

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride