मेरे पास निम्न कोड है जो उपयोगकर्ता से एक लिंक इनपुट करता है और href = link के साथ एक anchor टैग बनाता है

<html>
<head>
    <title>Page Title</title>
    <style>
        #text-input {
            border-left: 4px solid green;
            text-indent: 12px;
        }
    </style>
</head>
<body>
    <p>Enter a link</p>
    <div id="text-input" contenteditable="true"></div>
    
    <script>
      let div = document.getElementById('text-input');
      let anchor;

      div.addEventListener('blur', event => {
        let text = div.innerText;
        div.innerText = '';
        anchor = document.createElement('a');
        div.appendChild(anchor);
        anchor.innerText = text;
        anchor.href = text;
        
        // The below line logs the actual link of the anchor tag
        console.log(anchor.href);
      });
    </script>
</body>
</html>

संकट

जब मैं href को लिंक का मान निर्दिष्ट करता हूं, तो ऐसा प्रतीत होता है कि लिंक में कुछ डिफ़ॉल्ट वेबसाइट url भी है। मुझे वे डिफ़ॉल्ट यूआरएल नहीं चाहिए। मुझे क्या करना चाहिए?

1
vrintle 23 सितंबर 2018, 10:14

3 जवाब

सबसे बढ़िया उत्तर

शायद यह सापेक्ष यूआरएल की बात है? अगर टेक्स्ट में टेक्स्ट नहीं है तो टेक्स्ट के शुरुआत में "http://" जोड़ें।

2
Piero 23 सितंबर 2018, 10:19

आपकी डिफ़ॉल्ट आवश्यकता पर निर्भर करता है कि आप इनपुट डेटा में https या http जोड़ सकते हैं।

 anchor.innerText = text;       
            if(text.indexOf('http://')!=0 || text.indexOf('https://')!=0){
                text = "http://"+text;  //default http(or) https
            }
             anchor.href = text;
2
Suresh 23 सितंबर 2018, 10:37

आपको शुरुआत में या तो http:// या https:// जोड़ना पड़ सकता है।

<html>
<head>
    <title>Page Title</title>
    <style>
        #text-input {
            border-left: 4px solid green;
            text-indent: 12px;
        }
    </style>
</head>
<body>
    <p>Enter a link</p>
    <div id="text-input" contenteditable="true"></div>
    
    <script>
      let div = document.getElementById('text-input');
      let anchor;

      div.addEventListener('blur', event => {
        let text = div.innerText;
        div.innerText = '';
        anchor = document.createElement('a');
        div.appendChild(anchor);
        anchor.innerText = text;
        anchor.href = 'http://'+text;
        
        // The below line logs the actual link of the anchor tag
        console.log(anchor.href);
      });
    </script>
</body>
</html>
1
Christopher Pelayo 23 सितंबर 2018, 10:43