Hogyan kell elrejteni az elemeket a HTML-ben? Rejtett szöveg a JavaScript rejtett JavaScript-kód nézetben.

Leírás: Vannak olyan helyzetek, amikor nem szeretné visszavonni az oldal teljes tartalmát egyszerre. Például a " GYIK."Csak a kérdések nevét visszavonja. És ha egy személy érdekli a választ egy bizonyos kérdésre, megnyithatja a választ, és amikor figyeli, majd közel. Ez létrehozza az oldal kényelmét és tömörségét. És Ehhez egyszerűen készítettem script a JavaScript-enLehetővé teszi, hogy megnyitja, vagy elrejtsen egy adott szöveget (általában bizonyos elemek), azaz rejtett szöveg a JavaScript-en.

Eredmény: Kattintson a kérdés nevére. Ha ismét rákattint, a válasz ismét ragaszkodik.

1. kérdés.

Válasz 1. szám.

2. kérdés.

Válasz 2. szám.

JavaScript-kód (Helyezze be a címkéket és):

HTML kód (illeszkedés a címkék között és):

1. kérdés.



2. kérdés.


Őszintén szólva, nem szükséges bármilyen fejlesztő számára, többnyire bármilyen JavaScript-kód könnyen megjelenik a böngészőbe, ezért nincsenek különleges okok a kód elrejtésére. Ez, így beszélni, látható, mi nem lehet rejtve. Vannak azonban olyan srácok, akik nagyon félénkek, hogy megmutassák a kódot bárkinek, figyelembe véve, hogy ez a tulajdonság nem lophat, mondván könyvtárak. Ön létrehozott egy online szolgáltatást, kifejezetten létrehozott egy erőteljes komplex könyvtárat, amely bizonyos műveleteket végez, nincs analógja a szolgáltatás, nincs könyvtár, és természetesen nem akarja, hogy a parancsfájl mindegyik (fejlesztő) láthassa Példa Hasonló, még jobb. Természetesen semmi baj nincs valami jobb, ami jobb, az evolúció, de az üzleti szempontból a versenytársak csak a kezében vannak.

Mire van szükség ehhez?

Csak meg kell értened az algoritmust, és megpróbálnád javítani, és rámutatok a tapasztalataidat, amikor rejtett szkripteket tettem. Az első dolog, amire szükségünk van, hogy teszteljük a feladatot az igazi (helyi) szerveren, ezt tesszük Denwerrel helyi szerver.

de)A teszteléshez hozzon létre egy könyvtárat a kiszolgálón.
Tovább megyek virtuális lemez, Van ez a meghajtó r, menj oda az otthoni mappába

Script könyvtár létrehozása, és a WWW mappa létrehozása, ennek eredményeképpen sikerül: Home / Script / Www / - Ezután frissítheti a szerver (Restart Denwer)

b) Hozzon létre egy index.php fájlt - például ez a miénk főoldal. Helyszín, és itt kell eltávolítanunk rejtett parancsfájlokat. Hozza létre a "JS" mappát is ebben a könyvtárban.

Feladatunkban az AJAX kérésekre lesz szükség, ezért használhatja a racionális funkciókat, de ha a projekt növekedni fog, akkor a speciális effektusok, események, kapcsolatok összekapcsolása, és az előzetes jquery A "JS" mappa gyökerében a jquery.js hozzáadása.

Ezután hozzon létre ugyanabban a mappában Új mappaAz elrejtendő szkriptek tárolódnak benne. Megnevezem "biztonság":

ban ben)Toborozzuk az index.php előnézeti kódját


Ahogy látható, van egy blokk

A PHP feltételezi, hogy a szerveren blokkolt szkriptek olvasásának szerepét, és nem alkalmazható rájuk.

De először hozzunk létre szkriptünket, amelyeket el akarunk rejteni.


d) A Biztonsági mappában a Script1.js és a Script2.js létrehozása, az ilyen tartalmakkal:


Például elég! Most, hogy nem lehet kapcsolatba lépni velük, megkérdeznie kell a szerveren, ezt a fájl.htaccessnek köszönheti.

A Htaccess egy konfigurációs fájl, amelyet a fejlesztő, a felhasználó felhasználója.

A Htaccessnek van ilyen tartalma:

Ezt követően a kérelemben:

Ezt látni fogja:

Így a biztonsági mappája rejtve van a csillogó szemekből, nem érhető el.

Ha megpróbál csatlakozni a parancsfájlokat:

Ezután minden esetben a fájlokat nem fogják végrehajtani, mivel a szerver globálisan el van rejtve

e)Visszatérés a PHP blokk programba az Index.php-ben

Az alsó sor az, hogy a PHP hozzáférést biztosít a kiszolgáló összes fájljához, függetlenül attól, hogy rejtettek-e vagy sem, azaz, ha regisztrál:


Ezután B. ez az eset Meglátjuk a rejtett szkript tartalmát.

Egy másik szerveren azonban a szkriptünk tartalma nem látható, és hibaüzenetet küldünk vissza 500-ra. Ez a mi kezünk, így más webhelyek nem tudják elolvasni rejtett fájljainkat.

e)Így fog kinézni a végeredmény:

És most foglalkozunk azzal, hogyan működik. A JQUIERY végrehajtási lekérdezést hajt végre (ez segít az index.php-ben lévő lyukak elkerülésében) az "index.php? Szerver "http: / / script" - c a példa alapján), akkor a szkript ellenőrzi a post-változót, azaz a rejtett szkript címét, és szöveges eredményt ad. A JQuery Done () módszer választ kap a szöveges tartalom formájában, és ez a szöveg átalakítható egy JavaScript munkához, ez teszi a standard kereszt-villamossal Eval ();

Végül is

Az eredményünket kapjuk, a szkriptünket nem lehet statikusan vagy dinamikusan látni a böngésző konzolon keresztül, de könnyű látni a munkájukat. Ezek a szkriptek és funkciók könnyen végrehajthatók. Azonban azt kell gondolkodni, hogy ezt a technikát alkalmazzuk, mivel ebben az esetben a teljesítmény, a sebesség felmerülése. Eval (kód) függvény között javaScript fejlesztők Gonosznak tekinthető, és javasoljuk az új funkció analógját ("Return" + kód), bár az utóbbi nem tudja, hogyan kell meghatározni a belsejében lévő funkciókat, vagyis, ha a függvény definíciója a változóban van rögzítve , Kód \u003d "Funkciós teszt () (riasztás (1);); teszt (); ", a kódex nem teljesül, ami azt jelenti, hogy az eval () megközelíti az élet minden esetét, az igazságnak saját árnyalatai vannak, amelyek még mindig olvasniuk kell.

Akár elrejteni, hogy elrejtse Önt, hogy elrejtse a kívülállóktól a script oldalán, amely egy menüben irreális szép megjelenést valósít meg, vagy más műveleteket végez, amelyeket nem szeretne hamarosan látni minden második webhelyen?
Ha igen, az ebben a cikkben leírt módszer hasznos lesz Önnek a Kódex eljárással összefüggésben. Ugyanakkor egyszerre fenntartást fogok tenni, hogy a módszer nem 100%, de a legtöbb nem professzionális és a szakemberek részét védi.

Elmélet

Tegyük fel, hogy Nojs.php oldalunk van, és rajta a titkos szkript, amelyre el kell rejteni. A böngésző és a felhasználó a következő módokon kaphat egy szkriptet a szerverről:
  1. A forgatókönyv feltöltése közvetlenül az oldalra vagy a DOM-val betöltve;
  2. Tekintse meg a szkriptet az ablakban Az oldal forráskódja;
  3. Az oldal mentése minden merevlemezen lévő összes fájllal;
  4. Közvetlen URL-cím beírása a címsorban.
Az első esetben a böngésző szükségszerűen továbbítja a http_referer http fejlécét.
A második és harmadik esetben az összes böngésző (króm, a Firefox egy korábban letöltött szkriptet ad ki a gyorsítótárból, azaz azaz a forgatókönyv újra betöltése, de a referencia küldése nélkül).
A negyedik esetben a hivatkozó nem kerül át a négy böngészőre.
Ha adsz javascript dinamikusan ellenőrzésével Referer fejléc a lekérdezést, akkor azonnal védve Opera és az IE, hanem CROME és a Firefox lesz, hogy dolgozzon ki valamit a felvételhez. Először letöltünk egy parancsfájlt, amely viszont egy másik szkriptet betöltődik, míg mindkét letöltés ellenőrizni fogja a HTTP hivatkozást. A tudományos módszer megtalálható, hogy ha dinamikusan hozzon létre egy szkriptet a dokumentumban.CreateEelement oldal ("Script"), majd törölje azt az oldalról, akkor a szkript a szokásos módon fog működni, de nem fog megmenteni.

Gyakorlat

nojs.php.
Ez az oldal a célt letölti a script1.php letöltéséhez
Keresse meg a J-t.
10 másodperc elteltével látni kell a rejtett szkript munkáját Allert formájában, kattintson a hivatkozásra a riasztás után, annak érdekében, hogy az események is ne esnek le. Ezen a linken láthatja a rejtett parancsfájlt
script1.php.
Feladata: Dinamikusan letölti a script2.php-t, ha van hivatkozási fejléc. Az idők csökkenthetők, a rejtett szkript hozzávetőleges időpontjától függően.
script2.php.
Feladata: Adja meg a végleges szkriptet, ha van hivatkozási fejléc

EREDMÉNYEK

Ennek eredményeként megkapjuk, hogy nem láthatjuk az oldal eredeti oldalán, és nem tölthetjük le a rejtett szkriptet a tesztelt négy böngésző eszközével. Általában kétféleképpen láthatja:
  • Menjen a Linkre közvetlenül a Script2.php-en és a webhelyünk oldalán található linkre;
  • A HTTP-kérelem kialakulása, amely jelzi a hivatkozási fejlécet.
Növelje az elrejtés hatékonyságát e módszerekkel:
  1. A mod-átírást használva, a Script1.js és a Script2.js kiszolgáló cseréjére a Script1.js és a Script2.js parancsra a Script1.php és a Script2.php parancsra, hogy az oldalon megtalálható a szokásos JS fájlok, mivel a PHP élesen rohan;
  2. Készítsen egy fiktív forgatókönyvet, amely a lehető legkettőbb, valószínűleg és zavaró, hogy az a személy, aki megpróbálja szétszerelni, eléggé öntötte, mielőtt a tudatosság, amit megtévesztett;
  3. Feldolgozási kód.

Hello, olvasó.
Ebben a kis cikkben azt akarjuk mondani, hogyan kell megfelelően optimalizálni az online áruház kategóriáit.
Amikor elkezdjük optimalizálni a szöveget, először beállítottuk az oldalt a maximális jelentőségre. Hogyan kell csinálni .
De ebben a helyzetben a következő probléma következik be - túl sok szöveget kell befejeznie, és ez nem illeszkedik a webhely kialakításához.
Így el kell rejtenie a szöveg részét a felhasználóktólDe ha hirtelen a látogató el akarja olvasni, hogy könnyen megnyitja.

Érdekes megoldást hajtanak végre az internet hipermarket "aljzatában". Például kategóriák:

Amikor rákattintunk erre a linkre, megnyílik teljes leírás Az oldal újraindítása nélkül. Ha ugyanazt a döntést szeretné végrehajtani, akkor az alábbiakban ismertetjük, hogyan valósul meg a gyakorlatban.
Ez a pillanat a JavaScript programozási nyelv miatt megoldható.
A JavaScriptet eredetileg létrehozták annak érdekében, hogy a weboldalak "éljenek".
A weboldal beállítása javaScript parancsfájlok, meg kell adnia egy leírót. A kód a fejléc testében (a címkék között) helyezhető el ) és az oldal testében (a címkék között) ).
A parancsfájl működtetéséhez létre kell hoznia egy funkciót, amelyet a webhely bármely részében használnak. A SH () funkciófunkciót használjuk

A szkript művelet megjelenítéséhez be kell tenned a megadott helyre ebben a formában.

Olvass tovább ...



Az SH () funkciót itt hívják.
Az alapértelmezett rejtett szöveg nyitott volt a kódváltozásban kijelző: Nincs a kijelző: blokk.

Itt van egy példa arra, hogy mi történt, miután alkalmazta a funkciót a szövegre:

Ebben a példában 3000 SEO-szöveges karakter rejtve volt az oldalon, amelyeket a webhely támogatására írtak ki. Ha maga rákattint a linkre, akkor a "Tovább ..." link eltűnik a stílus stílusának köszönhetően.
Tehát végrehajthatja ezt a funkciót. Ha bármilyen kérdése van, kérdezze meg őket a megjegyzésekben.

A legegyszerűbb megoldás a dokumentum HTML elemének megjelenítéséhez / elrejtéséhez JavaScript segítségével. Részletek A folyamat lényegének és jellemzőinek leírása.

Hagyományos eszközök kiszáradnak (eng. elrejt) vagy show (eng. előadás.) A dokumentum HTML eleme nem lehetséges. Ehhez használja a CSS tulajdonságot kijelző vagy láthatóság.. A különbség közöttük az, hogy láthatóság.Bár a HTML elem láthatatlanná teszi, de az a hely, amelyet elfoglal, továbbra is mögötte marad. Nyilvánvaló, hogy sokkal gyakrabban használják kijelző.

kijelző (angolról. kijelző) - egy többcélú tulajdonság, amely meghatározza, hogy az elem hogyan jelenjen meg a dokumentumban.

A lehetséges CSS tulajdonságok értékeinek listája kijelző, Különböző böngészők által megértettek, nem nagyszerűek, de ez elég elég.

  • blokk - Az elem blokkként jelenik meg. Ennek az értéknek a használata a beágyazott elemekhez, például a SPAN-címkéhez, olyan, mint a blokkok, azaz viselkedik. Az evezés a tartalom elején és végén történik.
  • sorban - Az elem beépített. Ennek az értéknek a használata blokkelemek, például egy DIV-címke, okozza, hogy úgy viselkedjen, mint egy beépített, vagyis. Tartalma megkezdődik azzal a helygel, ahol az előző elem véget ért.
  • listaelem. - Az elem blokkként jelenik meg, és a lista marker hozzáadásra kerül.
  • egyik sem - Elrejti az elemet a dokumentumban. Az általuk elfoglalt hely nincs fenntartva, és a weboldal olyan elemek, mint egy elem, és nem volt.

Nyilvánvaló, hogy egy adott HTML elem CSS-tulajdonának megváltoztatása érdekében a szkript programozási nyelvet kell használnia. A mi esetünkben a JavaScript. De minden rendben van.

Először is, pontosan el kell döntenie, hogyan forduljon a dokumentum HTML-elemével. Ehhez használhatja a dokumentumobjektum Getelemetbyid objektumának módját, amely az ID attribútum azonosítójának HTML-elemére utal. Például:

document.getelemetbyid ("teszt")

Most meg kell férnünk a megfelelő HTML elem stílusának tulajdonságait. Ez stílusú tulajdonságot használ. Például:

document.getelemetbyid ("teszt"). Style.display

Csak az a vezérlés elemének megteremtése, amely a CSS tulajdonság értékeinek eltolódása kijelző, Minden rendezvényen, például az OnClick (kattintson az egér). Érdemes figyelmet fordítani arra a tényre, hogy megoldja a feladatot, meg kell vizsgálnia az aktuális CSS tulajdonság értékét kijelző És változtassa meg az "ellenkezőjére". A mi esetünkben elrejteni fogjuk, használjuk az értéket egyik sem, és megjelenítse "Üres". A második esetben eltávolítjuk a CSS tulajdonságot kijelző A megfelelő elemben, amely lehetővé teszi, hogy megfelelően dolgozzon mind blokkolással, mind beágyazott HTML elemekkel.

Az egyértelműség érdekében a következő példát adom:

változás

Kérjük, vegye figyelembe, hogy a DIV-címke a kijelzővel rendelkező stílus attribútummal rendelkezik: Nincs érték. Ilyen? Megadjuk a CSS tulajdonságainak értékét kijelző Alapértelmezés szerint egyenlő egyik sem. A HTML elem kezdetben el van rejtve.