Używanie JavaScript lub HTML do kierowania na system Windows lub ramki

Windows i ramki są terminami używanymi do opisania tego, co może się pojawić po kliknięciu łącza w witrynie internetowej. Bez dodatkowego kodowania łącza otworzą się w tym samym oknie, którego aktualnie używasz, co oznacza, że ​​musisz nacisnąć przycisk Wstecz, aby powrócić do strony, którą przeglądałeś.

Ale jeśli łącze jest zdefiniowane jako otwarte w nowym oknie, pojawi się w nowym oknie lub karcie w przeglądarce. Jeśli łącze jest zdefiniowane jako otwarte w nowej ramce, pojawi się na górze bieżącej strony w przeglądarce.

Za pomocą zwykłego łącza HTML używającego tagu zakotwiczenia można kierować na stronę, do której odnosi się link, w taki sposób, że po kliknięciu link wyświetli się w innym oknie lub ramce. Oczywiście to samo można również zrobić z poziomu Javascript - w rzeczywistości HTML i Java nakładają się na siebie. Ogólnie rzecz biorąc, możesz używać Javy do kierowania na większość typów łączy.

Korzystanie z top.location.href i innych obiektów docelowych łączy w Javie

Kod w HTML lub JavaScript, aby kierować linki tak, aby otwierały się w nowych pustych oknach, w ramkach nadrzędnych, w ramkach na bieżącej stronie lub w określonej ramce w zestawie ramek.

instagram viewer

Na przykład, aby celować w górę bieżącej strony i wyrwać się z aktualnie używanego zestawu ramek, którego byś użył

w HTML. W Javascript używasz

top.location.href = 'page.htm';

który osiąga ten sam cel.

Inne kodowanie Java ma podobny wzór:

Link Link HTML JavaScript
Wybierz nowe puste okno window.open („_ blank”);
Kieruj na górę strony top.location.href = 'page.htm';
Kieruj na bieżącą stronę lub ramkę self.location.href = 'page.htm';
Docelowa ramka nadrzędna parent.location.href = 'page.htm';
Wybierz konkretną ramkę w zestawie ramek top.frames ['ta rama'] .location.href =' page.htm ';
Kieruj na określony element iframe na bieżącej stronie self.frames ['ta rama'] .location.href =' page.htm ';

Gdy kierujesz na określoną ramkę w zestawie ramek lub określony element iframe na bieżącej stronie, zastąp „pokazaną w kodzie ramkę” nazwą ramki, w której ma znajdować się treść wystawiany. Zachowaj jednak cudzysłowy - są konieczne.

Jeśli używasz kodowania JavaScript dla linków, sparuj go z akcją, np na kliknięcie, lub onMousover. Ten język określi, kiedy link powinien zostać otwarty.

instagram story viewer