เชื่อมโยงจากรูปแบบ HTML/JS[ที่ซ้ำกัน]

Question 1

ฉันกำลังพยายามที่จะทำให้โปรแกรมที่คุณป้อนที่อยู่เชื่อมโยงไปเป็นรูปแบบ HTML และเมื่อคุณคลิกที่ปุ่มมันส่งคุณที่เชื่อมต่อ อย่างไรก็ตามตอนที่ฉันคลิกที่ปุ่มหน้าแค่ล้างรูปแบบ. ฉันเป็นภาษาไพธอนเป็นคนที่นี่และเป็น newbie ต้อง HTML/JS ดังนั้นวิธีที่ฉัน structuring ของฉันรหัสอาจจะเป็นเหตุผล:

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

คือทำตัวเป็นแบบฟอร์ส่งปุ่มและมันจึ refreshes หน้าก่อนระหว่างประมวลผลค location.assign() วิธีการ. มีหลายวิธีที่จะแก้ไขเรื่องนี้

หนึ่งเรียบง่ายทางคือต้อง exclusively บอกเบราว์เซอร์ที่ปุ่มนี้คือไม่ใช่คนส่งปุ่ม,เราสามารถทำอย่างนั้นโดยการใช้ 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

รหัสของคุณที่ให้,pasted นให้เป็นขนาดเล็กที่สุด HTML5 boilerplate แบบ,ทำงานอยู่ใน Textastic รหัสเครื่องมือแก้ไขและอยู่ในซาฟารีกำลังทำงานบน localhost.

บางทีคนอื่นจาวาสคริปต์ในบริเวณของเหตุการณ์ของคุณเป็นนักฟังที่เป็นหักหมุนลูกศรกฟังก์ชัน. บางที bracketing คนฟังก์ชันคำให้การช่วย?

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

ตั้งแต่คุณใช้เป็นรูปแบบ. ปุ่มของคุณ

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

คือทำตัวเป็นแบบฟอร์ส่งปุ่มและมันจึ refreshes หน้าก่อนระหว่างประมวลผลค location.assign() วิธีการ. มีหลายวิธีที่จะแก้ไขเรื่องนี้

หนึ่งเรียบง่ายทางคือต้อง exclusively บอกเบราว์เซอร์ที่ปุ่มนี้คือไม่ใช่คนส่งปุ่ม,เราสามารถทำอย่างนั้นโดยการใช้ 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

รหัสของคุณที่ให้,pasted นให้เป็นขนาดเล็กที่สุด HTML5 boilerplate แบบ,ทำงานอยู่ใน Textastic รหัสเครื่องมือแก้ไขและอยู่ในซาฟารีกำลังทำงานบน localhost.

บางทีคนอื่นจาวาสคริปต์ในบริเวณของเหตุการณ์ของคุณเป็นนักฟังที่เป็นหักหมุนลูกศรกฟังก์ชัน. บางที bracketing คนฟังก์ชันคำให้การช่วย?

เชื่อมโยงจากรูปแบบ HTML/JS[ที่ซ้ำกัน]

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่