„JavaScript“ yra tinklalapių, kuriems reikalingas patrauklus išdėstymas, pvz., tamsus fonas, kuris paprastai geriau tinka sąsajoms. Panašiai baltas fonas leidžia skaitytojams sutelkti dėmesį į turinį, todėl naujienų portaluose ar tinklaraščiuose naudojamas palyginti šviesus fonas su tamsiu tekstu. Tokiais atvejais JavaScript labai praverčia formatuojant ir tobulinant dokumentų dizainą.
Šiame straipsnyje bus aptariami „JavaScript“ fono paveikslėlio keitimo būdai.
Kaip pakeisti „JavaScript“ fono vaizdą?
Norėdami pakeisti „JavaScript“ fono paveikslėlį, galite naudoti šiuos metodus:
- “ fono vaizdas ' nuosavybė ' DOM “.
- “ getElementById() “ metodas ir „ fono vaizdas ' nuosavybė ' pastraipą “.
Peržvelkite aptartus metodus po vieną!
1 būdas: pakeiskite „JavaScript“ fono vaizdą naudodami DOM ypatybę backgroundImage.
„ fono vaizdas ” ypatybė koreguoja nurodyto elemento fono vaizdą. Šią techniką galima pritaikyti pritaikius ypatybę backgroundImage ir nurodant fono paveikslėlį, nustatant jo kelią kaip argumentą.
Sintaksė
Aukščiau pateiktoje sintaksėje „ URL “ nurodo vaizdo kelią.
Norėdami parodyti, žiūrėkite toliau pateiktą pavyzdį.
Pavyzdys
Šiame pavyzdyje mygtukas bus įtrauktas su nurodyta reikšme ir „ paspaudus “ įvykis, nukreipiantis į a
funkcija pavadinta backgroundImage():
Dabar funkcija ' backgroundImage() “ bus paskelbta ir „ document.body.style.backgroundImage ” ypatybė pasieks fono paveikslėlį naudodama nurodytą vaizdo kelią savo argumente:
Pirmiau nurodyto įgyvendinimo rezultatas bus toks:
2 būdas: pakeiskite foninį vaizdą „JavaScript“, naudodami metodą getElementById() ir „backgroundImage“ ypatybę pastraipoje
„ getElementById() “ metodas grąžina elementą su nurodyta reikšme ir „ fono vaizdas “ ypatybė, kaip nurodyta aukščiau, grąžina konkretaus elemento, nurodyto argumente, fono vaizdą. Šis metodas gali būti taikomas norint susieti nurodytą spalvą konkrečios pastraipos fone.
Sintaksė
Čia, ' elementai “ nurodo elemento ID.
Norėdami geriau suprasti pateiktą sąvoką, peržiūrėkite šį pavyzdį.
Pavyzdys
Pirmiausia įtraukite pastraipą į
žymą ir priskirkite jai konkretų ID:
Tada sukurkite mygtuką su onclick įvykiu, pasiekiančiu funkciją backgroundImage(), kaip aptarta ankstesniame metode:
Galiausiai deklaruokite funkciją pavadinimu ' backgroundImage() “ panašiai. Čia pasiekite apibrėžtą ID naudodami „ getElementById() “ metodą ir pritaikykite jam nurodytą fono paveikslėlį. Dėl to pastraipos fone bus pritaikyta spalva:
Išvestis
Mes sudarėme lengviausią „Javascript“ fono paveikslėlio keitimo būdą
Išvada
Norėdami pakeisti „Javascript“ fono paveikslėlį, naudokite „ fono vaizdas ' nuosavybė ' DOM “, jei norite pritaikyti nurodytą fono vaizdą visame tinklalapyje naudojant funkciją arba gauti konkretų ID naudodami “ getElementById() “ metodas ir taikymas “ fono vaizdas “ turtas nurodytame “ pastraipą “. Šis tinklaraštis iliustruoja „JavaScript“ fono vaizdų keitimo būdus.