javascript - open - Va bene usare target="_ blank" in HTML5?




window open javascript (6)

è il modo più semplice per aprire una nuova finestra per qualcosa come un PDF

È anche il modo più semplice per infastidire gli utenti non Windows. PDF aperto bene nei browser su altre piattaforme. Aprire una nuova finestra incasina la cronologia di navigazione e complica la materia su piattaforme più piccole come gli smartphone.

NON aprire nuove finestre per cose come PDF solo perché le versioni precedenti di Windows erano rotte.

Ricordo di aver letto da qualche parte che in HTML5 non era più corretto usare target="_blank" in HTML5, ma non riesco a trovarlo ora.

Va bene continuare a usare target="_blank" ?

So che è generalmente considerata una cattiva idea, ma è il modo più semplice per aprire una nuova finestra per qualcosa di simile a un PDF, e inoltre non richiede di fare affidamento su JavaScript.


La maggior parte degli sviluppatori web utilizza target="_blank" solo per aprire i collegamenti in una nuova scheda. Se si utilizza target="_blank" solo per aprire i collegamenti in una nuova scheda, allora è vulnerabile a un utente malintenzionato. Quando apri un link in una nuova scheda ( target="_blank" ), la pagina che si apre in una nuova scheda può accedere alla scheda iniziale e modificarne la posizione utilizzando la proprietà window.opener .

Codice Javascript:

window.opener.location.replace(malicious URL)

Prevenzione:

rel="nofollow noopener noreferrer"

Penso che l'attributo target sia deprecato per l'elemento <link> , non <a> , questo è probabilmente il motivo per cui hai sentito che non dovrebbe più essere usato.


Puoi farlo nel seguente modo con jquery, questo lo aprirà in una nuova finestra:

<input type="button" id="idboton" value="google" name="boton" /> 

<script type="text/javascript">
    $('#idboton').click(function(){
        window.open('https://www.google.com.co');
    });

</script>

Sebbene l'obiettivo sia ancora accettabile in HTML5, non è preferito. Per collegare a un file PDF utilizzare l'attributo download anziché l'attributo target.

Ecco un esempio:

<a href="files/invoice.pdf" download>Invoice</a>

Se il nome del file originale è codificato per la memorizzazione di file univoci, è possibile specificare un nome di download user-friendly assegnando un valore all'attributo download:

<a href="files/j24oHPqJiUR2ftK0oeNH.pdf" download="invoice.pdf">Invoice</a>

Tieni presente che, mentre la maggior parte dei browser moderni supporta questa funzione, alcuni potrebbero non esserlo. Vedi caniuse.com per maggiori informazioni.


Sembra che target="_blank" sia ancora a posto. È elencato come parola chiave del contesto di navigazione nell'ultima bozza HTML5 .





window