Href geopend in nieuw tabblad. Hoe een link in een nieuw venster te openen

Standaard worden links geopend in hetzelfde venster waarin ze zich bevinden. Zodat elke link naar de tag in een nieuw venster wordt geopend u moet een doelattribuut toevoegen met de waarde _blank , zoals weergegeven in voorbeeld 1.

In het huidige begrip van de moderne, competente lay-out en gebruikersinteractie met de functionaliteit van de bron, wordt algemeen aanvaard dat de bezoeker zelf precies moet bepalen hoe hij de link zal volgen. Deze zelfde mening wordt ondersteund door ervaren en bekende webontwikkelaars. Gebruik ook van dit attribuut verstoort de functionaliteit van de "Terug"-knop van de browser - dit telt ook negatief effect attribuut. De genoemde factoren kunnen verontwaardiging veroorzaken bij de bezoeker van de site.

Sommigen verklaren het gebruik van het doelattribuut door het feit dat wanneer de gebruiker het gebruikt, zelfs als de gebruiker heeft gevonden wat hij zocht op een andere bron (waarnaar de link is verzonden), hij na het sluiten van het nieuw geopende tabblad zal terugkeren naar het vorige site. Dit vergroot vermoedelijk de kans dat een toevallige bezoeker wordt omgezet in regelmatige gebruiker. Deze stelling is fout! Je kunt de constante aandacht van de gebruiker alleen winnen met interessante en kwaliteit inhoud. Het is tevergeefs dat informatie als een van de meest waardevolle bronnen wordt beschouwd.

Bovendien is het gebruik van het doelattribuut volgens de XHTML 1.0 Strict-specificatie illegaal. Anders wordt de code niet als geldig beschouwd. En de validator zelf zal het volgende bericht weergeven:

Zoals eerder vermeld valt het gebruik van het doelattribuut om een ​​link in een nieuw browservenster te volgen niet binnen de specificaties en wordt dit niet als een geldige oplossing voor het probleem beschouwd. Dit is echter niet het geval de enige manier het probleem oplossen. Een soortgelijk effect kan worden verkregen met behulp van js-code.

Het principe van het organiseren van een dergelijk proces is gebaseerd op de onclick-gebeurtenis. In de waarde van deze gebeurtenis wordt een functie geschreven om een ​​nieuw browsertabblad te openen - window.open() , evenals een blokkering die de overgang naar vereiste adres in het huidige venster - return false . In code zien al deze acties er als volgt uit:

< a href= "#" onclick= "window.open(this.href); return false" >Link die opent in een nieuw tabblad

Om de effectiviteit van de voorgestelde methode te verifiëren, kunt u op deze link klikken. Deze wordt in een nieuw venster geopend.

Nadat we overtuigd zijn van de effectiviteit van de methode, controleren we de geldigheid van de code. De validator geeft een groen bericht af, wat aangeeft dat onze code foutloos is.

Op het eerste gezicht hebben we een rationele oplossing voor het probleem gevonden, maar bij gedetailleerd testen van de methode bleek dat als er in de browser een pop-upblokkering is geïnstalleerd, de methode niet meer werkt. In plaats van op de link te klikken, verschijnt er een pop-upblokkeringsbericht.

De bovengenoemde functie is bedoeld om de gebruiker te ontlasten van overtollige advertenties op internet. Alle moderne browsers Ze hebben deze vaardigheid in hun arsenaal; bovendien kunnen sommigen van hen op verschillende niveaus blokkeren. Alles bijvoorbeeld Opera-versies Vanaf de 9e hebben ze de mogelijkheid om alleen gemarkeerde vensters of allemaal te blokkeren.

Hoewel er waarschijnlijk maar heel weinig gebruikers zijn die pop-upblokkeringen in hun browsers installeren, bestaan ​​ze nog steeds. En we moeten met alles rekening houden mogelijke opties voor de normale werking van de site. Laat me je eraan herinneren dat als er een blokkering is, de link in onze js-code niet meer werkt.

Welke keuze moet u dan maken: óf de code is niet geldig, óf de links werken niet altijd? Geen van beide opties past bij ons. Alternatieve oplossing kwam bij het testen van een link met het doelkenmerk en de pop-upblokkering ingeschakeld. IN gegeven omstandigheden De link werd geopend, maar alleen in een eigen venster. Dit betekent dat we onze js-code moeten aanpassen, zodat de link, wanneer deze wordt geblokkeerd, in het huidige venster werkt. Dit wordt als volgt geïmplementeerd:

< a href= "#" onclick= "return !window.open(this.href)" >Link die opent in een nieuw tabblad

Het werkingsprincipe van de methode is vrijwel onveranderd gebleven, maar de vorm van interpretatie van acties is veranderd. In de nieuwe code werkt de functie window.open(). WAAR, als het slot niet is geïnstalleerd, maar wel aanwezig is, evalueert de functie naar false . Als u in het Russisch spreekt, wanneer u de juiste instellingen in de browser instelt, wordt de link geopend in de huidige sessie, anders - op een nieuw tabblad.

Een aangepaste oplossing controleren op een link naar de hoofdblog.

Op basis van de hierboven gepresenteerde informatie kunnen we concluderen dat de meest rationele manier om links te forceren om in nieuwe tabbladen te openen, het gebruik van de laatste methode is, die is gebaseerd op JavaScript-code.

Tegelijkertijd moeten dergelijke dingen echter zorgvuldig worden gebruikt, zoals dit oplegt bepaalde acties gebruiker en beperkt zijn beslissingsvrijheid. Dit wordt als slechte manieren beschouwd.

.

met tabbladen.

Vind alles volledige informatie U kunt meer leren over het werken met tabbladen in uw Google Chrome.

Om dit te doen, opent u uw browser en klikt u eenvoudig op functietoets F1 op je toetsenbord. Of klik aan het einde op het moersleutelpictogram, of misschien op een pictogram zoals het mijne, in plaats van op een moersleutel adresbalk browser. En selecteer Help onder aan het tabblad dat wordt geopend. Zal openen nieuw tabblad, waar in het midden een link Tabbladen en vensters staat. Klik en alle koppen die aan de tabbladen zijn gekoppeld, worden aan de rechterkant geopend.

Wanneer u op internet surft, kunt u met moderne browsers altijd een pagina openen via een link in een nieuw venster of tabblad. Dit is vaak erg handig, zie je interessante link, maar kijk niet op van de tekst die je aan het lezen bent, maar open de link in een nieuw venster of tabblad om terug te keren als je klaar bent met openen in op dit moment. Ik wilde altijd al zo'n kans hebben om te bestaan Windows Verkenner- geklikt klik met de rechtermuisknop per map - en er is een optie: "openen in een nieuw venster".

Het is eenvoudig genoeg om zo'n optie toe te voegen door naar de eigenschappen van Explorer te gaan, maar doe dit niet op elke computer die u bezoekt! Het is veel beter om het proces te automatiseren met behulp van reg-bestand. Dit is het tweede doel van dit artikel: doorgaan met het onderwerp van het register en laten zien hoe het niet alleen met de hand kan worden bewerkt.

In dit artikel zal ik de code geven voor een bestand dat een optie aan het contextmenu toevoegt; Bovendien kan dit bestand worden gedownload. Als je dat hebt interessante voorbeelden registerbestanden, stuur ze naar mij in de reacties!

Opmerking: mijn excuses aan degenen die zaten te wachten op een artikel over anonimiteit. Ik heb geen tijd. Ik haal het uit de voorraad.

Het register dus.

Als u Regedit al hebt uitgevoerd, kunt u experimenteren met het zelf exporteren van het gehele register of een deel ervan. Om dit te doen, moet u in de registertak gaan staan, naar het menu Bestand exporteren gaan en selecteren waar u wilt uploaden. Het resultaat is een bestand met reg-extensie, dubbele tik volgens welke het register zal worden hersteld - omgekeerd laden. Maar u kunt zo'n bestand zelf maken, en dat gaan we nu doen. Creëren tekstbestand en noteer de volgende inhoud erin:

@="Openen in nieuw venster"

@="C:\\WINDOWS\\explorer.exe \"%1\""

Nu moet het bestand hernoemd worden - verander de extensie naar reg. Hoe dit te doen? Precies zoals u andere bestanden hernoemt, alleen hoeft u eerst de bestandsextensies weer te geven.

Dubbelklik op zo'n bestand, ga akkoord met het aanbrengen van wijzigingen in het register - en voila, contextmenu gewijzigd - wanneer u met de rechtermuisknop op een map klikt, verschijnt de optie "openen in nieuw venster". Als u het bestand niet wilt maken, bewerken of hernoemen, kunt u het downloaden van mijn website.

Maar mijn site zal zo'n bestand maken startpagina in Internet Explorer

Ramen Register-editor Versie 5.00

"Startpagina" = "https://it.sander.su/"

Heb je goede voorbeelden bestanden voor het bewerken van het register? Stuur het! Laat me je trouwens herinneren aan mijn oude bericht over Windows script-host— er zijn voorbeelden van stripprogramma's in de taal die in Windows is ingebouwd.

opmerkingen mogelijk gemaakt door

in browsers
Browsers zijn aanvankelijk anders geconfigureerd om nieuwe pagina's te openen. Safari is bijvoorbeeld geconfigureerd om nieuwe pagina's in een nieuw venster te openen. En Mozilla Firefox opent nieuwe pagina's in nieuwe tabbladen op de tabbladbalk, maar daarnaast hebben we de mogelijkheid om nieuwe vensters te openen.

Internet Explorer Wijzig de tabbladinstellingen in Internetbrowser Explorer is beschikbaar in het gedeelte Internetopties. Klik op het tandwielpictogram rechtsboven in het browserpaneel. Selecteer Internetopties, selecteer vervolgens het tabblad Algemeen en klik onderaan in de regel Tabbladen op Opties. In het midden onder de lijn Bij het openen van een nieuw tabblad opent u: selecteer in de zwarte driehoek gewenste methode

Mozilla Firefox Tabbladinstellingen wijzigen in Mozilla-browser

Chroom In de laatste Google-versies
Ik heb Chrome niet gevonden
mogelijkheid om instellingen voor tabbladen te wijzigen.
Waarschijnlijk hoeft deze zeer handige en slimme browser de instellingen niet te wijzigen. Omdat Google Chrome gebruikers veel opties met tabbladen biedt.
Heel gemakkelijk om een ​​nieuw tabblad te openen en nieuw
venster, zelfs via sneltoetsen.
Moet dezelfde webpagina op meerdere tabbladen openen
Er is een optie om een ​​tabblad te dupliceren. Er is een mogelijkheid om te werken in incognitomodus (). Je kunt degene die je nodig hebt, verplaatsen
tabblad in apart raam. En nog veel meer vacatures
met tabbladen.

Alle volledige informatie over het werken met tabbladen vindt u in uw Google Chrome. Open hiervoor uw browser en druk eenvoudigweg op de functietoets F1 op uw toetsenbord. Of klik op het moersleutelpictogram, of misschien een pictogram zoals het mijne, in plaats van een moersleutel, aan het einde van de adresbalk van de browser. En selecteer Help onder aan het tabblad dat wordt geopend. Er wordt een nieuw tabblad geopend met een link Tabs en Windows in het midden. Klik en alle koppen die aan de tabbladen zijn gekoppeld, worden aan de rechterkant geopend.

Instellingen voor tabbladen wijzigen in Safari-browser Klik op het tandwielpictogram aan de rechterkant van het browserpaneel. Selecteer op het nieuwe tabblad Instellingen en in het volgende venster Tabbladen. En hier in de regel Pagina's openen in tabbladen, niet in vensters: selecteer de gewenste optie.

IN Opera-browser Om de tabbladinstellingen te wijzigen, klikt u op de knop Extra op het paneel. Selecteer onderaan het nieuwe tabblad Algemene instellingen. En klik op dit tabblad op het paneel Geavanceerd en vervolgens op de knop Tabbladinstellingen. Er gaat een venster open Aanvullende instellingen tabbladen. Vink het vakje aan naast de manier waarop u tabbladen wilt openen en klik onderaan op OK.

Ga naar Startpagina plaats

We begrijpen allemaal dat het soms handiger is om links in het huidige venster te openen, en soms in een nieuw venster. Persoonlijk houd ik me bij de meeste projecten aan een eenvoudige regel: als de link intern is (binnen de site), wordt deze standaard geopend in het huidige venster, en externe links, die ergens naar andere sites leidt, opent standaard nieuwe vensters (tabbladen).

...

doel attribuut niet is gespecificeerd of is gespecificeerd in de vorm target="_self" , dan wordt het document geopend in het huidige browservenster, en als aan de link een attribuut is toegewezen van de vorm target="_blank" , wordt het document in een nieuw venster geopend.

Maar dan rijst de vraag: hoe kan een gebruiker onderscheid maken tussen deze twee soorten links zonder erop te klikken of naar de HTML-code van de pagina te kijken?

Het meest logische is dat als het CSS-ontwerp van de twee soorten links verschillend is, hier een optie is waarbij links met target="_blank" vetgedrukt zijn:

A ( font-weight:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "bold" : "normaal"); ) a ( font-weight:bold ;)

Hier moet je, zoals vaak gebeurt, rekening houden met Internet Explorer en andere browsers, de eerste stijlaanduiding geldt alleen voor IE, de tweede voor andere browsers.

U kunt op dezelfde manier experimenteren met een andere CSS-eigenschap, zoals tekstversiering onderstrepen:

A ( text-decoration:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "underline" : "none"); ) a ( text-decoration:underline ;)

Afhankelijk van de hiërarchie CSS-eigenschappen, V specifieke browser het kan zijn dat iets niet werkt. Bovendien zou ik geen onderstreping gebruiken als standaard alle links al onderstreept zijn (of niet onderstreept).

Een alternatieve en cross-browser manier is om te proberen externe links van de rest te scheiden door middel van hun adressen. Laten we aannemen dat externe links altijd worden gespecificeerd als absoluut(beginnend met het http:// voorvoegsel), en interne worden geschreven als relatief. Meestal is dit wat ze doen op normale sites. Dit werkt ook in IE, door ten minste, vanaf versie 8.

A ( lettertype: vet /* Vet voor absolute links */ )

Maar hier zijn we afgeweken van de oorspronkelijke taak en eisen we eenvoudigweg dat de URL begint met http://, dat wil zeggen dat we deze vetgedrukt markeren absolute URL's, die niet noodzakelijkerwijs extern zijn, en niet alle links die in een nieuw venster openen.

Afgezien van IE 6 en 7 kun je de zaken eenvoudiger maken door de pseudo-elementen voor en na te gebruiken, waarmee je kunt specificeren wat er vóór of na de elementen waaraan ze worden toegevoegd moet verschijnen.

Via de stijl kunnen we bijvoorbeeld een kleine afbeelding toevoegen na elke link die in een nieuw venster wordt geopend.

Het lijkt mij echter logischer om gewoon te doen verander het achtergrondontwerp een link die in een nieuw venster opent. Het toevoegen van tekst of afbeeldingen voor of na de link kan immers de lay-out van de site verstoren. Om niet te lijden, zullen we geelachtig zetten achtergrondkleur alle links openen in een nieuw venster.

A ( achtergrondkleur: #FFFF99; ) a ( achtergrondkleur: expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "#FFFF99" : "transparant "); )