A paraméter megadhatja az átmenetet egy webhelyre vagy a webhely különálló oldalára. Ha csak az oldal van megadva, akkor ennek az oldalnak az Ön webhelyén kell lennie.

Nézzünk példákat.

ha a webhelyén van egy oldal, amely magáról mesél, például o-sebe.html, akkor az oldalra mutató hivatkozáshoz ezt kell írnia:

Magamról

De ebben az esetben az oldal működése csak akkor ellenőrizhető, ha az fel van töltve a szerverre és van internetkapcsolat.

Ebben a cikkben megmutatom, hogyan irányíthat át egy felhasználót egyik weboldalról a másikra JavaScript használatával. Mondok néhány egyszerű példát is a JS átirányításra.

Többféle módon is átirányíthatja a felhasználót egyik weboldalról a másikra. Beleértve a HTML metaadatok frissítésével az átirányításokat a szerver oldalon. Például egy .htaccess fájl, PHP és egy kliensoldali átirányítás JavaScript-en keresztül.

De ne feledje, hogy a váratlan átirányítások, amelyek egy másik tevékenység közepette történnek, bosszantják a látogatókat. Ezért csak akkor használjon átirányítást, ha valóban szükséges, és ha a felhasználó szempontjából értelmes lenne.

Nézzük meg, hogyan lehet a JavaScript segítségével átirányítani a felhasználót egy másik oldalra.

Automatikus JavaScript átirányítás egy másik oldalra

Ha automatikusan át szeretné irányítani a felhasználót egy oldalról ( URL1) másik oldalra ( URL2), a következő kódot használhatja:

window.location.href = "URL2";

A fenti kódot be kell illesztenie az első oldalra ( URL1). Cserélje ki az URL2-t a kívánt oldalcímre. Jobb, ha ezt a kódot egy elembe helyezzük (nem a lap alján), így az oldal átirányításra kerül, mielőtt a böngésző elkezdené megjeleníteni.

TIPP: Ha soron belüli JavaScriptet használ (azaz külső .js fájl nélkül), ügyeljen arra, hogy a JavaScript kódot a címkékbe helyezze el..

Átirányítás egy másik oldalra X másodperc után

Ebben a példában az oldal betöltése után valamivel átirányítjuk a js-t egy másik oldalra. Például, ha az üdvözlő oldal 5 másodperces megjelenítése után a főoldalra szeretné átirányítani a látogatót:

setTimeout(function()( window.location.href = "homepage-url"; ), 5 * 1000);

A következő JavaScript-kódot kell beillesztenie az üdvözlőoldalra. Ne felejtse el lecserélni a kezdőlap-url-t a kezdőlap URL-jére.

A setTimeout metódust használtuk, hogy megmondjuk a szkriptnek, hogy 5 másodperc után irányítson át ( szorozzuk meg 5-öt 1000-rel a másodpercek ezredmásodpercekké alakításához).

TIPP: A JavaScriptben az időértékek kiszámítása mindig ezredmásodpercben történik.

Átirányítás egy másik oldalra egy feltétel alapján

Például átirányíthat a látogató böngészőjétől függően ( bár nem ajánlott), a képernyő mérete, a napszak vagy más állapot.

Használja a következő kódot a bizonyos feltételeknek megfelelő látogatók átirányításához:

if (FELTÉTEL) ( window.location.href = "átirányítás-url"; )

Ez a kód például egy másik oldalra irányítja át a látogatókat, ha a képernyő szélessége kisebb, mint 600 képpont:

if (screen.width< 600) { window.location.href = "redirect-url"; }

Átirányítás egy másik oldalra a felhasználói műveletek alapján

Az utolsó példa bemutatja, hogyan lehet átirányítani egy látogatót tevékenységeik alapján. A js átirányítást bármilyen típusú felhasználói művelethez kötheti. Ebben a példában az egyszerűség kedvéért a gombnyomást kezeljük.

A következő kód a #mybutton gombra kattintás után a céloldalra irányítja a látogatót:

document.getElementById("mybutton").onclick = function() ( window.location.href = "átirányítás-url"; );

Ugyanezt megteheti a következő kóddal:

Menj a főoldalra

Átirányítást is társíthat bármely eseményhez vagy felhasználói művelethez. Ne felejtse el megbizonyosodni arról, hogy az átirányítások nem okoznak csalódást a felhasználóknak.

Igyekeztem minden lehetségeset mérlegelni js átirányítás egy másik oldalra. Ha valaha találkozom más forgatókönyvekkel, hozzáadom őket ehhez a cikkhez.

Az Android animációs osztály olyan objektumokra vonatkozik, mint a nézetek és az elrendezések. A vászon egyszerűen egy rajzfelület, amely egy nézet része, vagy bittérképhez van társítva. Az egyéni nézet onDraw-ban egyszerre csak egy képkocka rajzolódik ki a következő érvénytelenítés meghívásáig, ami azt jelenti, hogy az animációt képkockánként kell megrajzolnia. Íme egy példa egy pattogó labdára, amely forog, ami hasznos lehet.

android.app.Activity importálása; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.os.Bundle; android.text.format.Time importálása; import android.view.View; public class StartActivity kiterjeszti az aktivitást ( @Override public void onCreate(Bundle savedInstanceState) ( super.onCreate(savedInstanceState); setContentView(new BallBounce(this)); ) ) osztály BallBounce kiterjeszti a nézetet ( int screenW; int screenH; int X; int Y ; int kezdetiY ; int ballW; int ballH; int szög; float dY; float acc; Bitmap ball, bgr; public BallBounce(Context context) ( super(context); ball = BitmapFactory.decodeResource(getResources(),R.drawable. futball); //labda kép betöltése bgr = BitmapFactory.decodeResource(getResources(),R.drawable.sky_bgr); //háttér betöltése labdaW = ball.getWidth(); ballH = ball.getHeight(); acc = 0,2 f; //gyorsulás dY = 0; //függőleges sebesség kezdeti Y = 100; //kezdeti függőleges pozíció.szög = 0; //Forgatási szög kezdőértéke. ) @Public void felülbírálása onSizeChanged (int w, int h, int oldw , int oldh) ( super.onSizeChanged(w, h, oldw, oldh); screenW = w; screenH = h; bgr = Bitmap.createScaledBitmap(bgr, w, h, true); //Re méretű hátteret, hogy illeszkedjen a képernyőhöz. X = (int) (screenW /2) - (ballW / 2) ; //Középső golyó a képernyő közepére. Y = kezdeti Y; ) @Override public void onDraw(Canvas canvas) ( super.onDraw(canvas); //Háttér rajzolása. vászon. drawBitmap(bgr, 0, 0, null); //Számítsa ki nagyjából a labda sebességét és helyét. Y+= (int) dY; //Függőleges pozíció növelése vagy csökkentése. if (Y > (screenH - ballH)) ( dY=(-1)*dY; //Sebesség hátramenete, ha alsó ütés. ) dY+= acc; //Sebesség növelése vagy csökkentése. //A forgatási szög növelése.if (angle++ >360) angle =0; //Gyóló rajzolása canvas.save(); //A vászon pozíciójának mentése.canvas.rotate(angle, X + (ballW / 2), Y + (ballH / 2)); //A vászon elforgatása.canvas.drawBitmap(ball, X, Y, null); //Húzza a golyót az elforgatott vászonra.canvas.restore(); //Forgassa vissza a vásznat, így hogy úgy tűnik, hogy a labda elfordult. //A következő képkocka meghívása.invalidate(); ) )

Ez csak illusztráció, de én a felületnézetet használnám, és egy másik szálból öntöttem volna ki a képkockákat, ami kicsit trükkös, de a helyes módja annak, hogy interaktív animációkat, például játékokat készíts. a labdát az ujjukkal:

android.app.Activity importálása; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.Rect; import android.os.Bundle; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; public class SurfaceViewActivity kiterjeszti az aktivitást ( BallBounces ball; @Override public void onCreate(Bundle savedInstanceState) ( super.onCreate(SavedInstanceState); ball = new BallBounces(this); setContentView(ball); ) ) class BallBounces kiterjeszti a SurfaceView implements (C SurfaceHolder implements.Callback). GameThread szál; int screenW; //Eszköz képernyőszélessége. int képernyőH; //Eszközök képernyőjének magassága. int labdaX; //Ball x pozíció. int ballY; //Gyógy y pozíciója. int inicialY ; float dY; / /Ball vertical speed.int ballW; int ballH; int bgrW; int bgrH; int szög; int bgrScroll; int dBgrY; //Görgetési sebesség a háttérben. float acc; Bitmap ball, bgr, bgrReverse; logikai reverseBackroundFirst; boolean ballFingerMove; // Képkockák másodpercenkénti mérése. long most; int framesCount=0; int framesCountAvg=0; long framesTimer=0; Paint fpsPaint=new Paint(); //Frame speed long timeNow; long timePrev = 0; long timePrevFrame = 0; long timeDelta nyilvános BallBounces(kontextus) ( szuper( kontextus); ball = BitmapFactory.decodeResource(getResources(),R.drawable.football); //Töltsön be egy labdát. bgr = BitmapFactory.decodeResource(getResources(),R.drawable.sky_bgr); //Háttér betöltése. ballW = ball.getWidth(); ballH = ball.getHeight(); //Létrehozzon egy zászlót az onDraw metódushoz, hogy a hátteret a tükörképével váltogatja. reverseBackroundFirst = false; //Animációs változók inicializálása. acc = 0,2f; //Gyorsulás dY = 0; //függőleges sebesség kezdeti Y = 100; //A kezdeti függőleges helyzet szöge = 0; //Az elforgatási szög kezdőértéke bgrScroll = 0; //Görgetési pozíció a háttérben dBgrY = 1; //Görgetési sebesség a háttérben fpsPaint.setTextSize(30); //Fanál beállítása getHolder().addCallback(this); setFocusable(true); ) @Override public void onSizeChanged (int w, int h, int oldw, int oldh) ( super.onSizeChanged(w, h, oldw, oldh); //Ez az esemény-módszer biztosítja ennek az egyéni nézetnek a valódi méreteit. screenW = w;screenH = h;bgr = Bitmap.createScaledBitmap(bgr, w, h, true); //A háttér méretezése a képernyőhöz illeszkedően.bgrW = bgr.getWidth(); bgrH = bgr.getHeight(); //Hozzon létre egy a háttér tükörképe (vízszintes flip) - a körkörösebb háttér érdekében. Mátrix mátrix = new Mátrix(); //Mint egy képkeret vagy forma. matrix.setScale(-1, 1); //Vízszintes tükör hatás. bgrReverse = Bitmap.createBitmap(bgr, 0, 0, bgrW, bgrH, mátrix, igaz); //Új tükrözött bittérkép létrehozása a mátrix alkalmazásával. ballX = (int) (screenW /2) - (ballW / 2) ; //Az X golyó középpontja a képernyő közepére. ballY = -50; //A labda középső magassága a képernyő felett. ) //**************************************************** / /****** ******* TOUCH **************** //******************** ****** **************** @A nyilvános szinkronizált logikai érték felülbírálása onTouchEvent(MotionEvent ev) ( kapcsoló (ev.getAction())) ( case MotionEvent.ACTION_DOWN: ( ballX = (int) ev.getX () - ballW/2; ballY = (int) ev.getY() - ballH/2; ballFingerMove = igaz; break; ) case MotionEvent.ACTION_MOVE: ( ballX = (int) ev.getX( ) - ballW/2; ballY = (int) ev.getY() - ballH/2; break; ) case MotionEvent.ACTION_UP: ballFingerMove = false; dY = 0; break; ) return true; ) @Public void onDraw() Canvas canvas) ( szuper. onDraw(canvas); //Görgető háttér rajzolása.Rect fromRect1 = new Rect(0, 0, bgrW - bgrScroll, bgrH); Rect toRect1 = new Rect(bgrScroll, 0, bgrW, bgrH); Rect fromRect2 = new Rect(bgrW - bgrScroll, 0, bgrW, bgrH); Rect toRect2 = new Rect(0, 0, bgrScroll, bgrH); if (!reverseBackroundFirst) ( canvas.drawBitmap(bgr, fromRect1, toRect1, null); canvas.drawBitmap(bgrR everse, fromRect2, toRect2, null); ) else( canvas.drawBitmap(bgr, fromRect2, toRect2, null); canvas.drawBitmap(bgrReverse, fromRect1, toRect1, null); ) //Következő érték a háttér pozíciójához. if ((bgrScroll += dBgrY) > = bgrW) ( bgrScroll = 0; reverseBackroundFirst = !reverseBackroundFirst; ) //Körülbelül számítsa ki a labda sebességét és helyét. if (!ballFingerMove) ( ballY += (int) dY; //Függőleges pozíció növelése vagy csökkentése. if (ballY > (screenH - ballH)) ( dY=(-1)*dY; //Sebesség megfordítása alsó ütéskor. ) dY+= acc //Sebesség növelése vagy csökkentése. ) //Forgatási szög növelése, ha (angle++ >360) szög =0; //DRAW BALL //Első metódus elforgatása /* Mátrix mátrix = new Mátrix(); matrix.postRotate(szög, (labdaW / 2), (labdaH / 2)); //Forgasd meg. matrix.postTranslate(ballX, ballY); //Áthelyezése x, y pozícióba. canvas.drawBitmap(golyó, mátrix, null); //Húzza meg a labdát alkalmazott mátrixszal. */// Két metódus elforgatása canvas.save(); //Mentsd el a vászonmátrix pozícióját. canvas.rotate(angle, ballX + (ballW / 2), ballY + (ballH / 2)); //A vászonmátrix elforgatása. canvas.drawBitmap(ball, ballX, ballY, null); //Húzza meg a labdát a vászon elforgatott mátrix alkalmazásával. canvas.restore(); //Forgassa vissza a vászonmátrixot a mentett pozícióba – csak a golyós bitkép volt elforgatva, nem az összes vászon. //*/ //A képkockasebesség mérése (mértékegysége: képkocka másodpercenként). now=System.currentTimeMillis(); canvas.drawText(framesCountAvg+" fps", 40, 70, fpsPaint); framesCount++; if(now-framesTimer>1000) ( framesTimer=now; framesCountAvg=framesCount; framesCount=0; ) ) @A public void surfaceMódosított(SurfaceHolder tartó, int formátum, int szélesség, int magasság) ( ) @Felülbírálása public void felületCreated(S tartó) ( szál = new GameThread(getHolder(), this); thread.setRunning(true); thread.start(); ) @Override public void surfaceDestroyed(SurfaceHolder holder) ( logikai újrapróbálkozás = igaz; thread.setRunning(false) ; while (retry) ( try ( thread.join(); újrapróbálkozás = false; ) catch (InterruptedException e) ( ) ) ) class GameThread kiterjeszti a szálat ( privát SurfaceHolder felületHolder; privát BallBounces gameView; privát logikai futás = false; nyilvános GameThread( SurfaceHolder felületHolder, BallBounces gameView) ( this.surfaceHolder = felületHolder; this.gameView = gameView; ) public void setRunning(boolean run) ( this.run = run; ) public SurfaceHolder getSurfaceHolder() ( return surfaceHolder; ) @Override public void run () ( vászon c; while (run) ( c = null; //korlátozza a képsebességet max. 60 fps-re timeNow = System.currentTimeMillis(); timeDelta = timeNow - timePrevFrame; if (timeDelta< 16) { try { Thread.sleep(16 - timeDelta); } catch(InterruptedException e) { } } timePrevFrame = System.currentTimeMillis(); try { c = surfaceHolder.lockCanvas(null); synchronized (surfaceHolder) { //call methods to draw and process next fame gameView.onDraw(c); } } finally { if (c != null) { surfaceHolder.unlockCanvasAndPost(c); } } } } } }

Utasítás

Többféle módon is hozzáadhat hivatkozást egy webhelyhez. Ha a motort használja, lépjen be rendszergazdaként az anyagmenübe. Ezután válassza ki a kívánt oldalt, vagy hozzon létre egy újat. Írja be a szöveget, ha rákattint, az átmenet megtörténik. Jelölje ki, majd válassza ki a Hivatkozás hozzáadása ikont az eszköztáron. Megjelenik egy kitöltendő űrlap. Adja meg a cms által biztosított összes szükséges paramétert, állítsa be a címet és kattintson az "OK" gombra. Mentse el a változtatásokat, és frissítse az oldalt a böngészőablakban – egy hivatkozásnak kell megjelennie. Ellenőrizze, hogy működik-e, és szükség esetén módosítsa.

Ha létre kell hoznia egy hivatkozást, amely a webhely összes oldalán megjelenik, lépjen a sablonok részre. Válassza a "html szerkesztése" parancsot, megnyílik előtted egy oldal a kóddal. Mielőtt bármit megváltoztatna itt, játsszon nyugodtan – másolja át az információkat egy biztonságos helyre, hogy az adatok véletlen törlése esetén visszaküldhesse az eredeti anyagot.

Keresse meg a kívánt blokkot, és írjon be egy hivatkozást Szöveg formátumban, amelyből az áttérés megtörténik. Ha szöveg helyett grafikus fájlt kell elhelyeznie, használja a következő hivatkozást: . Mentse el a változtatásokat, és nézze meg az eredményt.

A weboldal egy adott részére történő átmenet létrehozásához először helyezze el a horgonyokat a webhely megfelelő helyeire, és adjon nekik nevet. Jobb, ha sorszámot állít be – kevesebb időt tölthet hivatkozások írásával. Ha cms-t használ, jelölje ki a szöveg egy részét, kattintson a "Hivatkozás hozzáadása" gombra, és töltse ki a "Horgony" mezőt. A html dokumentum formátumban úgy fog kinézni, mint a szöveg/kép