www - إعادة توجيه من صفحة HTML




www w3schools com html5 (17)

جافا سكريبت

<script language="javascript">
    window.location.href = "http://example.com"
</script>

علامة متغيرة

<meta http-equiv="refresh" content="0;url=http://example.com">

هل من الممكن إعداد صفحة HTML أساسية لإعادة التوجيه إلى صفحة أخرى عند التحميل؟


أود استخدام كل من meta ، ورمز JavaScript ، وسيتوفر رابط في حال وجوده.

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="refresh" content="0; url=http://example.com">
        <script type="text/javascript">
            window.location.href = "http://example.com"
        </script>
        <title>Page Redirection</title>
    </head>
    <body>
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
        If you are not redirected automatically, follow this <a href='http://example.com'>link to example</a>.
    </body>
</html>

للتأكد من اكتمالها ، أعتقد أن أفضل طريقة ، إذا أمكن ، هي استخدام عمليات إعادة توجيه الخادم ، لذلك أرسل رمز الحالة 301 . هذا من السهل القيام به عبر ملفات .htaccess باستخدام Apache ، أو عبر العديد من الإضافات باستخدام WordPress . أنا متأكد من أن هناك أيضًا مكونات إضافية لجميع أنظمة إدارة المحتوى الرئيسية. كما أن cPanel يحتوي على تكوين سهل للغاية لعمليات إعادة التوجيه 301 إذا كان ذلك مثبتًا على الخادم الخاص بك.


استخدم هذا الكود:

<meta http-equiv="refresh" content="0; url=https://google.com/" />

يرجى الانتباه: ضعها في علامة الرأس.


الطريقة البسيطة التي تناسب جميع أنواع الصفحات هي فقط لإضافة علامة meta في الرأس:

<html>
    <head>
        ...
        <meta HTTP-EQUIV="REFRESH" content="seconds; url=your.full.url/path/filename">
        ...
    </head>
    <body>
        Don't put much content, just some text and an anchor.
        Actually, you will be redirected in N seconds (as specified in content attribute).
        That's all.
        ...
    </body>
</html>

بمجرد تحميل الصفحة ، يتم تشغيل وظيفة init وإعادة توجيه الصفحة:

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
        <script>
            function init()
            {
               window.location.href = "www.wherever.com";
            }
        </script>
    </head>

    <body onload="init()">
    </body>
</html>

جرب استخدام:

<meta http-equiv="refresh" content="0; url=http://example.com/" />

ملاحظة: ضعها في قسم الرأس.

بالإضافة إلى ذلك ، بالنسبة للمتصفحات القديمة ، إذا أضفت رابطًا سريعًا في حالة عدم تحديثها بشكل صحيح:

<p><a href="http://example.com/">Redirect</a></p>

سوف تظهر

Redirect

سيسمح لك ذلك بالوصول إلى المكان الذي تنتقل إليه بنقرة إضافية.



ضع التعليمات البرمجية التالية في المقطع <head> :

<meta http-equiv="refresh" content="0; url=http://address/">


لست بحاجة إلى أي شفرة جافا سكريبت لهذا. اكتب هذا في قسم <head> في صفحة HTML:

<meta http-equiv="refresh" content="0; url=example.com" />

بمجرد تحميل الصفحة في 0 ثانية ، يمكنك الانتقال إلى صفحتك.


مجرد استخدام الحدث onload من علامة الهيئة.

<body onload="window.location = 'http://example.com/'">

هذا هو حل إعادة التوجيه مع كل ما أردت ولكن لا يمكن العثور عليها في قصاصة نظيفة لطيفة لقص ولصق.

يحتوي هذا المقتطف على عدد من المزايا:

  • يتيح لك التقاط والاحتفاظ بأي paramstring querys الناس على عناوينهم
  • يجعل الرابط unqiue لتجنب التخزين المؤقت غير المرغوب فيه
  • يتيح لك إبلاغ المستخدمين بأسماء المواقع القديمة والجديدة
  • يظهر العد التنازلي الاستقرار
  • يمكن استخدامه لعمليات إعادة التوجيه ذات الارتباطات العميقة حيث يحتفظ بالمعلمات

كيف تستعمل:

إذا قمت بنقل موقع بأكمله ، فقم بإيقاف الموقع الأصلي على الخادم القديم وإنشاء آخر بهذا الملف كملف index.html الافتراضي في المجلد الجذر. قم بتحرير إعدادات الموقع بحيث تتم إعادة توجيه أي خطأ 404 إلى هذه الصفحة index.html. هذا يمسك أي شخص يصل إلى الموقع القديم مع وصلة إلى صفحة المستوى الفرعي الخ.

انتقل الآن إلى علامة النص البرمجي الافتتاحية وقم بتحرير عناوين مواقع الويب القديمة والجديدة ، وقم بتغيير قيمة الثواني حسب الحاجة.

حفظ وبدء موقع الويب الخاص بك. المهمة المنجزة - الوقت لتناول القهوة.

<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
<style>
body { margin: 200px; font: 12pt helvetica; }
</style>

</head>
<body>

</body>
<script type="text/javascript">

// Edit these to suit your needs.
var oldsite = 'http://theoldsitename.com'
var newSite = "https://thenewsitename.com";
var seconds = 20;  // countdown delay.

var path = location.pathname;
var srch = location.search;
var uniq = Math.floor((Math.random() * 10000) + 1);
var newPath = newSite + path + (srch === '' ? "?" + uniq : srch + "&" + uniq); 


document.write ('<p>As part of hosting improvements, the system has been migrated from ' + oldsite + ' to</p>');
document.write ('<p><a href="' + newPath + '">' + newSite + '</a></p>');
document.write ('<p>Please take note of the new website address.</p>');
document.write ('<p>If you are not automatically redirected please click the link above to proceed.</p>');
document.write ('<p id="dvCountDown">You will be redirected after <span id = "lblCount"></span>&nbsp;seconds.</p>');

function DelayRedirect() {
    var dvCountDown = document.getElementById("dvCountDown");
    var lblCount = document.getElementById("lblCount");
    dvCountDown.style.display = "block";
    lblCount.innerHTML = seconds;
    setInterval(function () {
        seconds--;
        lblCount.innerHTML = seconds;
        if (seconds == 0) {
            dvCountDown.style.display = "none";
            window.location = newPath;
        }
    }, 1000);
}
DelayRedirect()

</script>
</html>


وأود أيضًا أن أضيف رابطًا قانونيًا لمساعدة الأشخاص على SEO الخاصة بك:

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>

يجب عليك استخدام JavaScript. ضع التعليمة البرمجية التالية في علامات رأسك:

<script type="text/javascript">
 window.location.assign("http://www.example.com")
</script>

يمكنك استخدام "إعادة توجيه" META :

<meta http-equiv="refresh" content="0; url=http://new.example.com/address" />

أو إعادة توجيه جافا سكريبت (لاحظ أنه ليس جميع المستخدمين لديهم جافا سكريبت مُمكَّن لهم ، لذا احرص دائمًا على إعداد حل النسخ الاحتياطي لهم)

<script language="javascript">
  window.location = "http://new.example.com/address";
</script>

لكنني أوصي باستخدام mod_rewrite ، إذا كان لديك الخيار.


يمكنني استخدام برنامج نصي يعيد توجيه المستخدم من index.html إلى home.html

<html>
  <head>
    <title>index.html</title>
  </head>
  <body onload="document.getElementById('lnkhome').click();">
    <a href="Home.html" id="lnkhome">Go to Home Page<a>
  </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Redirect to a page</title>
    </head>
    <body onload="window.location.assign('http://example.com')">

    </body>
</html>






html-head