लिंक फार्म से HTML/जे एस [नकल]

Question 1

मैं वर्तमान में हूँ के लिए कोशिश कर रहा एक कार्यक्रम में आप में प्रवेश जो एक लिंक में एक HTML फार्म और जब आप एक बटन क्लिक करें, यह आप भेजता है कि करने के लिए लिंक. हालांकि, जब मैं बटन पर क्लिक करें पेज सिर्फ साफ करता है के रूप में. मैं एक अजगर देशी और एक नौसिखिया के लिए HTML/जे एस तो जिस तरह से मैं कर रहा हूँ संरचना अपने कोड हो सकता है क्यों:

<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

के बाद से, आप कर रहे हैं एक फार्म का उपयोग कर. अपने बटन

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

है के रूप में अभिनय के फार्म सबमिट करें बटन और इसलिए यह तरोताजा कर देती है पृष्ठ क्रियान्वित करने से पहले location.assign() विधि । वहाँ रहे हैं कई मायनों में यह तय करने के लिए.

एक सरल तरीका है करने के लिए विशेष रूप से ब्राउज़र बताओ कि इस बटन नहीं है, बटन सबमिट करें, हम ऐसा कर सकते हैं का उपयोग करके type="button" विशेषता में हमारे बटन.

बनाने गेट
आप उपयोग कर सकते हैं e.preventDefault() अपने फार्म पर प्रस्तुत रोकने के लिए ताज़ा पृष्ठ के.

कोशिश नीचे दिए गए कोड:

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

अपने कोड है, वास्तव में, के रूप में प्रदान की, में चिपकाया एक न्यूनतम एचटीएमएल 5 बॉयलरप्लेट टेम्पलेट, काम करता है में Textastic कोड संपादक और सफारी में चल रहा है पर स्थानीय होस्ट.

शायद कुछ अन्य जावास्क्रिप्ट के आसपास के क्षेत्र में अपने घटना श्रोता को तोड़ने तीर समारोह. शायद bracketing के एक समारोह के बयान में मदद कर सकता है?

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

के बाद से, आप कर रहे हैं एक फार्म का उपयोग कर. अपने बटन

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

है के रूप में अभिनय के फार्म सबमिट करें बटन और इसलिए यह तरोताजा कर देती है पृष्ठ क्रियान्वित करने से पहले location.assign() विधि । वहाँ रहे हैं कई मायनों में यह तय करने के लिए.

एक सरल तरीका है करने के लिए विशेष रूप से ब्राउज़र बताओ कि इस बटन नहीं है, बटन सबमिट करें, हम ऐसा कर सकते हैं का उपयोग करके type="button" विशेषता में हमारे बटन.

बनाने गेट
आप उपयोग कर सकते हैं e.preventDefault() अपने फार्म पर प्रस्तुत रोकने के लिए ताज़ा पृष्ठ के.

कोशिश नीचे दिए गए कोड:

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

अपने कोड है, वास्तव में, के रूप में प्रदान की, में चिपकाया एक न्यूनतम एचटीएमएल 5 बॉयलरप्लेट टेम्पलेट, काम करता है में Textastic कोड संपादक और सफारी में चल रहा है पर स्थानीय होस्ट.

शायद कुछ अन्य जावास्क्रिप्ट के आसपास के क्षेत्र में अपने घटना श्रोता को तोड़ने तीर समारोह. शायद bracketing के एक समारोह के बयान में मदद कर सकता है?

लिंक फार्म से HTML/जे एस [नकल]

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में