2010-07-01 14 views
27

In my html page, I see a link whose 'view source' code is as below :Cosa fa <a href="#" class="view"> mean?

<a href="#" class="view"> 

I see a valid link when I hover my mouse on it and when I click it, it works. But I am not able to find where and how this URL gets generated. I found the class a.view being defined in one of the CSS, but couldn't find the URL in the page source.. Can somebody help me out on whr i can find this URL ?

risposta

42

Mi sono sentito come rispondere, spiegando la stessa cosa degli altri un po 'diversamente. Sono certo che tu conosci la maggior parte di questo, ma potrebbe aiutare qualcun altro.

<a href="#" class="view"> 

La parte

href="#" 

è un modo comunemente usato per assicurarsi che il link non porta da nessuna parte su di essa la propria. l'# -attributo è usato per creare un collegamento ad un'altra sezione nello stesso documento. Per esempio facendo clic su un link di questo tipo:

<a href="#news">Go to news</a> 

vi porterà ovunque si dispone il codice

<a name="news"></a> 

. Quindi se specifichi # senza alcun nome come nel tuo caso, il link non porta da nessuna parte.

La parte

class="view" 

dà un identificatore che CSS o JavaScript può utilizzare. All'interno dei file CSS (se ne hai) troverai procedure di styling specifiche su tutti gli elementi contrassegnati con la classe "view".

Per sapere dove è specificato l'URL, guarderò nel codice javascript. È scritto direttamente nello stesso documento o incluso da un altro file.

Cerca il tuo codice sorgente per qualcosa di simile:

<script type="text/javascript"> bla bla bla </script> 

o

<script> bla bla bla </script> 

e quindi la ricerca di qualsiasi riferimento alla vostra -class "vista". Un file incluso JavaScript può essere simile a questa:

<script type="text/javascript" src="include/javascript.js"></script> 

In tal caso, javascript.js aperto sotto il "include" delle cartelle e ricercare in quel file.Più comunemente gli inclusi sono collocati tra <head> e </head> o vicino allo </body> -tag.

Un modo più veloce per trovare il collegamento è cercare il collegamento effettivo a cui si riferisce. Ad esempio, se tieni indirizzato a http://www.google.com/search?q=html quando fai clic su di esso, cerca "google.com" o qualcosa in tutti i file che hai nel tuo progetto web, ricorda solo i file inclusi.

In molti editor di testo è possibile aprire tutti i file contemporaneamente, quindi cercare tutti gli elementi per qualcosa.

11

The href is probably generated in a javascript function. For example with jQuery:

$(function() { 
    $('a.view').attr('href', 'http://www.google.com'); 
}); 
2

Non dimenticare di guardare il Javascript pure. La mia ipotesi è che ci sia un codice Javascript personalizzato che viene eseguito quando si fa clic sul link ed è quel Javascript che sta generando l'URL e navigando verso di esso.

1

Probabilmente funziona con Javascript. Quando fai clic sul link, non succede niente perché punta al sito corrente. Il javascript caricherà quindi una finestra o un url. È usato molto nelle app Web AJAX.

3

Javascript potrebbe collegarsi all'evento click dell'ancora, piuttosto che iniettare qualsiasi href.

Per esempio, jQuery:

$('a.view').click(function() { Alert('anchor without a href was clicked');}); 

Naturalmente, il codice JavaScript può fare qualsiasi cosa che vuole con l'evento click - come ad esempio passare a qualche altra pagina (nel qual caso il href non è mai impostato, ma l'ancora si comporta ancora come se fosse)