Овај блог ће објаснити како да промените ифраме извор у ЈаваСцрипт-у.
Шта је уграђени оквир?
' инлине оквир ” се користи да садржи други наведени документ у оквиру тренутног документа. Ово резултира пребацивањем веб страница на основу наведених веза.
Како променити извор Ифраме-а у ЈаваСцрипт-у?
Извор ифраме-а може да се промени у ЈаваСцрипт-у коришћењем следећих приступа заједно са „ гетЕлементБиИд() ” метод:
- “ Прошао параметар ” Техника.
- “ селецтедИндек ' Имовина.
Приступ 1: Промените извор Ифраме-а у ЈаваСцрипт-у користећи технику прослеђеног параметра
Ова техника се може користити за прелазак на наведену страницу постављањем одговарајуће везе странице као параметра функције када се приступа помоћу дугмета.
Пример
Хајде да пратимо доле наведени пример:
< центар >< х2 > Промените извор ифраме-а ин ЈаваСцрипт х2 >
< ифраме ид = 'веб страна' срц = 'ЦЕЦ352А57А5070А597Ц4А63Ф2А593Е8367Ф8ДАЕ5' ширина = '1000' висина = '550' граница оквира = '0' скроловање = 'Не' > ифраме >
< бр >< бр >
< дугме онцлицк = 'цхангеИфраме('0АДАБ43Ц5777ЕД14Е24А067ДФ75А2Ц8ЦБ47Ф6ЕЦ3')' > Кликните да бисте приказали страницу Линук команди дугме >
< бр > бр >
центар >
У горњим редовима кода извршите следеће кораке:
- Наведите наведену везу у „ <инлине фраме> ” заједно са прилагођеним димензијама.
- Такође, направите дугме са приложеним „ онцлицк ” догађај који преусмерава на функцију цхангеИфраме() која има наведену везу као свој параметар.
- Ово ће резултирати усмеравањем странице на наведену везу након клика на дугме.
Хајде да наставимо са ЈаваСцрипт делом кода:
< тип скрипте = 'текст/јавасцрипт' >
функција цхангеИфраме ( променити ) {
документ. гетЕлементБиИд ( 'веб страна' ) . срц = променити ;
}
скрипта >
У горњем исечку кода:
- Објавите функцију под називом „ цхангеИфраме() ”.
- У његовој дефиницији, приступите наведеној вези у „ инлине оквир ” елемент користећи „ доцумент.гетЕлементБиИд() ” метод.
- Након тога примените „ срц ” атрибут и додијелите наведену везу након приступа функције линку којем се приступа користећи параметар “ променити ”.
- Ово ће резултирати пребацивањем страница у односу на наведене везе након клика на дугме.
Излаз
У горњем излазу, може се приметити да се странице мењају након клика на дугме.
Приступ 2: Промените извор Ифраме-а у ЈаваСцрипт-у користећи изабрано својство индекса
„ селецтедИндек ” својство враћа индекс изабране опције у падајућој листи. Ово својство се може применити за преусмеравање на наведену везу у односу на вредност изабране опције са падајуће листе.
Пример
Погледајмо следећи пример:
< ифраме ид = 'веб страна' срц = 'ЦЕЦ352А57А5070А597Ц4А63Ф2А593Е8367Ф8ДАЕ5' ширина = '1000' висина = '550' граница оквира = '0' скроловање = 'Не' > ифраме >
< бр >< бр >
< изаберите ид = 'линкови' >
< вредност опције = '3707А85Д410БЕД64258Ц92486Ф58Д92АЕЕЕ3Б5А2' > Пређи на чланак 1
< вредност опције = '5Е933ЕДФ2А533БД3400218Е1А94459А5Д3284948' > Пређи на чланак два
изаберите >
< бр >< бр >
< дугме на клик = 'цхангеИфраме();' > Промените Ифраме Срц дугме >
< бр >< бр >
тело > центар >
У горњим редовима кода извршите следеће кораке:
- Подсетите се корака за навођење наведене везе у оквиру „ <ифраме> ” ознака која има наведену “ ид ” и прилагођених димензија.
- У следећем кораку укључите „ изаберите ” елемент који има наведену “ ид ” да бисте направили падајућу листу.
- Након тога, садржи „ опција ” елемент за дефинисање вредности опције.
- Наведите наведене везе као „ вредност ” елемента опције.
- Такође, направите дугме које има „ онцлицк ” догађај који ће позвати функцију цхангеИфраме().
Пређимо на ЈаваСцрипт део кода:
< тип скрипте = 'текст/јавасцрипт' >функција цхангеИфраме ( ) {
био добити = документ. гетЕлементБиИд ( 'линкови' ) ;
био испустити = добити . Опције [ добити . селецтедИндек ] . вредност ;
документ. гетЕлементБиИд ( 'веб страна' ) . срц = испустити ;
}
скрипта >
У горњем исечку кода:
- Дефинишите функцију под називом „ цхангеИфраме() ”.
- У његовој дефиницији, приступите наведеном „ изаберите ” елемент по свом “ ид ' помоћу ' доцумент.гетЕлементБиИд() ” метод.
- У следећем кораку примените „ селецтедИндек ” и „ вредност ” за преусмеравање на вредност, тј. везу према одговарајућој изабраној опцији.
Излаз
Из горњег излаза, очигледно је да се странице правилно пребацују у односу на „ Опције ” након клика на дугме.
Закључак
„ гетЕлементБиИд() ” метод у комбинацији са техником прослеђеног параметра или „ селецтедИндек ” својство се може користити за промену извора Ифраме-а у ЈаваСцрипт-у. Претходна техника се може користити за преусмеравање на прослеђену везу као параметар функције након клика на дугме. Последњи приступ се може применити за прелазак на одговарајуће везе у односу на изабрану опцију са падајуће листе. Овај водич објашњава како да промените ифраме извор у ЈаваСцрипт-у.