Come rendere il testo In collegamenti su un sito web con JavaScript

August 31

Se si desidera reindirizzare gli utenti sul Web, è necessario inserire un tag collegamento ipertestuale attorno al testo o l'immagine. Se si utilizza JavaScript, è necessario chiamare il tag attributo. Alcune pagine Web utilizzano entrambi gli elementi di codifica HTML e JavaScript. In questo caso, è possibile inserire il codice di collegamento ipertestuale utilizzando il linguaggio di programmazione HTML. apriranno sia Javascript e HTML della pagina allo stesso modo, ma il tag HTML non è così complesso.

istruzione

JavaScript Hyperlink

1 Aprire la pagina Web in un testo o una pagina Web editor come Notepad o Adobe Dreamweaver.

2 Fare clic sulla scheda "Visualizzazione Struttura" se si utilizza un editor di pagine Web. Evidenziare il testo che si desidera aggiungere un link di collegamento. Se si utilizza un editor di testo, trovare il testo che si desidera aggiungere un link al nell'ambito della programmazione JavaScript e evidenziarlo.

3 Fare clic sulla scheda "HTML", se si utilizza un editor di pagine Web.

4 Copiare il codice JavaScript per il collegamento ipertestuale nella corretta area della pagina.

<Script>

div = document.getElementById ( 'div');

a = document.createElement ( 'a');

a.innerText = 'Clicca qui';

a.textContent = 'Clicca qui';

a.href = 'http: //';

a.setAttribute ( 'className', 'more_right');

a.setAttribute ( 'onclick', 'alert ( "cliccato");');

div.appendChild (a);

</ Script>

5 Personalizzare il tag con il testo.

<Script>

div = document.getElementById ( 'div');

a = document.createElement ( 'a');

a.innerText = 'Google è il motore di ricerca più popolare negli Stati Uniti';

a.textContent = 'Google è il motore di ricerca più popolare negli Stati Uniti';

a.href = 'http: //';

a.setAttribute ( 'className', 'more_right');

a.setAttribute ( 'onclick', 'alert ( "cliccato");');

div.appendChild (a);

</ Script>

6 Aggiungere l'URL della pagina Web che si aprirà quando il testo viene cliccato.

<Script>

div = document.getElementById ( 'div');

a = document.createElement ( 'a');

a.innerText = 'Google è il motore di ricerca più popolare negli Stati Uniti';

a.textContent = 'Google è il motore di ricerca più popolare negli Stati Uniti';

a.href = 'http://www.google.com';

a.setAttribute ( 'className', 'more_right');

a.setAttribute ( 'onclick', 'alert ( "cliccato");');

div.appendChild (a);

</ Script>

7 Salvare le modifiche alla pagina.

HTML Hyperlink

8 Aprire la pagina in una pagina Web o editor di testo. Fare clic sulla scheda "Visualizzazione Struttura" se si utilizza un editor di pagine Web. Evidenziare il testo che si desidera aggiungere un link di collegamento. Se si utilizza un editor di testo, trovare il testo che si desidera aggiungere un link al nell'ambito della programmazione JavaScript e evidenziarlo.

9 Fare clic sulla scheda "HTML", se si utilizza un editor di pagine Web.

10 Inserire il tag <a href> prima del testo. Per esempio: <a href> Google è uno dei più popolari motori di ricerca in tutto il mondo.

11 Personalizzare il tag con l'URL. Per esempio: <a href="Google"> http://www.google.com/">Google è uno dei più popolari motori di ricerca in tutto il mondo.

12 Chiudere il tag dopo l'ultima lettera o punteggiatura che si desidera essere parte del collegamento ipertestuale. Per esempio: <a href="Google"> http://www.google.com/">Google è uno dei più popolari motori di ricerca in tutto il mondo </a>.

13 Salvare le modifiche alla pagina.