Comment puis-je créer un lien à l'aide de javascript?

Question

Comment puis-je créer un lien à l'aide de javascript?

Demandé el 23 de Janvier, 2011: Quand la question a-t-elle été
82876 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai une chaîne de caractères pour un titre et une chaîne pour un lien. Je ne suis pas sûr de la façon de mettre les deux ensemble pour créer un lien sur une page à l'aide de Javascript. Toute aide est appréciée.

EDIT1: Ajout de détails sur la question. La raison pour laquelle je suis en train d'essayer de comprendre cela est parce que j'ai un flux RSS et une liste de titres padn Url. Je souhaiterais établir un lien entre les titres à l'URL de la page utile.

EDIT2: je suis à l'aide de jQuery, mais je suis complètement nouveau pour elle et n'était pas au courant qu'il pourrait les aider dans cette situation.

Demandé el 23 de Janvier, 2011 par Xavier

Answer 1

5 Réponses

Answer 2

283voto

Jared Farrish Points 26391

<html>
<head></head>
<body>
<script>

var a = document.createElement('a');
var linkText = document.createTextNode("my title text");
a.appendChild(linkText);
a.title = "my title text";
a.href = "http://example.com";
document.body.appendChild(a);

</script>
</body>
</html>

Répondu el 23 de Janvier, 2011 par Jared Farrish (26391 Points )

Answer 3

69voto

gion_13 Points 15594

Avec JavaScript

var a = document.createElement('a');
a.setAttribute('href',desiredLink);
a.innerHTML = desiredText;
// apend the anchor to the body
// of course you can append it almost to any other dom element
document.getElementsByTagName('body')[0].appendChild(a);

document.getElementsByTagName('body')[0].innerHTML += '<a href="'+desiredLink+'">'+desiredText+'</a>';

ou, comme suggéré par @travis :

document.getElementsByTagName('body')[0].innerHTML += desiredText.link(desiredLink);

<script type="text/javascript">
//note that this case can be used only inside the "body" element
document.write('<a href="'+desiredLink+'">'+desiredText+'</a>');
</script>

Avec JQuery

$('<a href="'+desiredLink+'">'+desiredText+'</a>').appendTo($('body'));

$('body').append($('<a href="'+desiredLink+'">'+desiredText+'</a>'));

var a = $('<a />');
a.attr('href',desiredLink);
a.text(desiredText);
$('body').append(a);

Dans tous les exemples ci-dessus, vous pouvez ajouter de l'ancre à n'importe quel élément, et pas seulement pour le "corps" et, desiredLink est une variable qui contient l'adresse de votre point d'ancrage de l'élément de pointe, et desiredText est une variable qui contient le texte qui sera affiché dans l'élément d'ancrage.

Répondu el 23 de Janvier, 2011 par gion_13 (15594 Points )

Answer 4

20voto

NAVEED Points 16576

Créer des liens à l'aide de JavaScript:

<script language="javascript">
<!--
document.write("<a href=\"www.example.com\">");
document.write("Your Title");
document.write("</a>");
//-->
</script>

OU

<script type="text/javascript">
document.write('Your Title'.link('http://www.example.com'));
</script>

OU

<script type="text/javascript">
newlink = document.createElement('a');
newlink.innerHTML = 'Google';
newlink.setAttribute('title', 'Google');
newlink.setAttribute('href', 'http://google.com');
document.body.appendChild(newlink);
</script>

Répondu el 23 de Janvier, 2011 par NAVEED (16576 Points )

Answer 5

16voto

Roopinder Points 121

Il ya un couple de façons:

Si vous souhaitez utiliser le raw Javascript (sans aide comme JQuery), alors vous pourriez faire quelque chose comme:

var link = "http://google.com";
var element = document.createElement("a");
element.setAttribute("href", link);
element.innerHTML = "your text";

// and append it to where you'd like it to go:
document.body.appendChild(element);

L'autre méthode consiste à écrire le lien directement dans le document:

document.write("<a href='" + link + "'>" + text + "</a>");

Répondu el 23 de Janvier, 2011 par Roopinder (121 Points )

Answer 6

5voto

jmort253 Points 16929

Créer dynamiquement un lien hypertexte avec le format raw JavaScript:

   var anchorElem = document.createElement('a');
   anchorElem.setAttribute("href", yourLink);
   anchorElem.innerHTML = yourLinkText;

   document.body.appendChild(anchorElem); // append your new link to the body

Répondu el 23 de Janvier, 2011 par jmort253 (16929 Points )

Comment puis-je créer un lien à l'aide de javascript?

Réponses

Avec JavaScript

Avec JQuery

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment puis-je créer un lien à l'aide de javascript?

Réponses

Avec JavaScript

Avec JQuery

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: