जावास्क्रिप्ट

Question

का उपयोग कर HTML में गतिशील रूप से एंकर टैग बनाना, मुझे एंकर टैग और जावास्क्रिप्ट के बारे में कोई प्रश्न है। Converting a URL to an anchor tag

पाठ बॉक्स एक यूआरएल को स्वीकार करता है

मैं एक जावास्क्रिप्ट समारोह है कि कहते हैं बनाया (जैसे "www.youtube.com"।): लिंक करने के लिए "http //"।

मैं इसे कैसे बना सकता हूं ताकि कन्वर्ट बटन वेबपृष्ठ पर एक लिंक जोड़ता है जो आपको किसी अन्य टैब में वेबसाइट पर ले जाता है।

मेरे जावास्क्रिप्ट कोड इस प्रकार है:

var webpage=""; 
var url=""; 
var message=""; 
var x= 0; 
var page=""; 

function convert() 
{  
    url=document.getElementById("link").value; 
    webpage = "http://" + url; 
} 

Answer 1

तुम बस एक लंगर टैग जोड़ने गतिशील

var mydiv = document.getElementById("myDiv"); 
var aTag = document.createElement('a'); 
aTag.setAttribute('href',webpage); 
aTag.innerHTML = "link text"; 
mydiv.appendChild(aTag); 

कृपया यहाँ अधिक संदर्भ

How to add anchor tags dynamically to a div in Javascript?

के लिए एक नजर है ऐसा कर सकते हैं

Answer 2

function addLink() 
 
{  
 
    var url = document.getElementById("link").value; 
 
    var webpage = "http://" + url; 
 
    
 
    var a = document.createElement("a");     // create an anchor element 
 
    a.href = webpage;         // set its href 
 
    a.textContent = url;         // set its text 
 
    
 
    document.getElementById("container").appendChild(a); // append it to where you want 
 
}

a { 
 
    display: block; 
 
}

<div id="container"></div> 
 
<br><br> 
 
<input id="link"/><button onclick='addLink()'>ADD</button>

Answer 3

आप तत्वों पैदा करते हैं और neede इसे करने के लिए जिम्मेदार बताते हैं लागू हो सकते हैं। फिर आउटपुट पैराग्राफ में नया लिंक संलग्न करें।

function generate() { 
 
    var a = document.createElement('a'); 
 
    
 
    a.href = 'http://' + document.getElementById('href').value;  
 
    a.target = '_blank'; 
 
    a.appendChild(document.createTextNode(document.getElementById('href').value)); 
 
    document.getElementById('link').appendChild(a); 
 
    document.getElementById('link').appendChild(document.createElement('br')); 
 
}

Link: <input id="href"> <button onclick="generate()">Generate</button> 
 
<p id="link"></p>

Answer 4

मैं तुम्हें पता है कि जावास्क्रिप्ट लिखने के लिए मान लेते हैं, तो मैं वहाँ नहीं जाना होगा। यह समस्या <a> टैग की विशेषता को समझ रही है।

W3Schools: Target Attribute