Nwlapcug.com


Scorrimento per ancoraggio con JavaScript

Offri ai visitatori del sito la possibilità di riposare le dita di scorrimento aggiungendo scorrimento alla funzionalità di ancoraggio al tuo sito Web. Gli utenti di Internet fare clic su ancoraggi ogni giorno al fine di saltare a diversi siti Web. Con l'aggiunta di poche righe di JavaScript nel codice HTML, si possono fare ancore salto in diverse posizioni all'interno di una singola pagina Web.

Ancoraggi HTML

Gli sviluppatori Web aggiungere collegamenti a pagine Web utilizzando ancoraggi. Un ancoraggio è una stringa di testo che circonda da un tag di apertura, "< a >," e un tag di chiusura, "< /a >." Il tag di apertura contiene l'URL che i visitatori del sito visita quando si fa clic sull'URL. Il testo che appare tra i tag di chiusura e apertura crea il testo del collegamento che gli utenti vedono nei loro browser. È inoltre possibile inserire il nome di una funzione JavaScript all'interno del tag di apertura invece di mettere un URL ci. Quando qualcuno fa clic sul testo del collegamento, la funzione verrà eseguito e causare qualche azione si verifichi.

Ancoraggi con nome

Si supponga che si voleva dare agli utenti la possibilità di fare clic su un link nella parte superiore della pagina e passare automaticamente alla fine della pagina. Gli ancoraggi con nome dare tale funzionalità. Un ancoraggio con nome è un ancoraggio regolare che contiene un attributo name, come illustrato di seguito:

< a name = "download" > questa è la sezione download < /a >

Questo codice crea un ancoraggio cui nome è "download". Il relativo testo legge, "Vai alla sezione Download." Il codice riportato di seguito crea un link che rimanda all'ancoraggio di download quando cliccato:

< a href = "#downloads" > Vai alla sezione Download < /a >

Si noti che ci vogliono due ancore per rendere questa pergamena alla funzionalità di ancoraggio possibile: l'ancoraggio di destinazione e il punto di ancoraggio che crea il link che vi porterà alla destinazione. Il primo punto di ancoraggio in questo esempio è il punto di ancoraggio di destinazione. La seconda ancora crea il collegamento.

Lo scorrimento di ancoraggio utilizzando JavaScript

Mentre gli utenti hanno la possibilità di fare clic su collegamenti manualmente e scorrere fino a nuove posizioni di pagina, è possibile eseguire questa operazione per loro utilizzando JavaScript. Anziché impostare attributo href di un collegamento al nome di un tag di ancoraggio, impostato sul nome di una funzione JavaScript. Tale funzione può quindi utilizzare window.location.hash per saltare per l'ancoraggio con nome. Nell'esempio seguente salta all'ancoraggio "settimanali" accennato in precedenza:

Window.location.hash = "#downloads";

Chiamare una funzione JavaScript che contiene questa istruzione ogni volta che è necessario scorrere il browser in una nuova posizione di ancoraggio.

Altri usi

Navigatori web amore per pagine di segnalibro. Con l'aggiunta di ancoraggi per una delle tue pagine Web con nome, si può dare agli utenti la possibilità di creare diversi segnalibri da una singola pagina. Questo è possibile perché la barra degli indirizzi del browser contiene il nome del vostro ancoraggio con nome di dominio regolari della pagina Web. Se la pagina contiene cinque ancore con nome, i visitatori del sito possono segnalibro: tutte le destinazioni ancora cinque e visitarli ogni volta che a loro piace cliccando su uno dei loro siti preferiti. Gli utenti possono risparmiare tempo saltando direttamente a loro pezzi preferiti del tuo sito Web senza dover cercare la pagina una volta che arrivano al tuo sito.