انقر فوق الزر الموجود على صفحة html لتحقيق وظيفة القفز بالصفحة

انقر فوق الزر الموجود في صفحة html للانتقال إلى الصفحة

الطريقة الأولى. قم بدمج علامة خارج علامة الزر واستخدم ارتباطًا تشعبيًا للانتقال؛

 <a href="https://www.baidu.com/" target="_blank">
<button>أدخل إلى صفحة بايدو الرئيسية</button>
</أ>

الطريقة الثانية. أضف كود οnclick="window.location.href='page url'" في علامة الزر واستخدم حدث onclick للانتقال السريع.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">أدخل إلى صفحة بايدو الرئيسية</button>

كيفية الانتقال تلقائيًا إلى صفحات html

1. استخدم العناصر الوصفية

 <meta http-equiv="refresh" content="5;url=hello.html">

http-equiv="refresh" هو تحديث الصفحة، وسيتم تنفيذ عملية التحديث بعد 5 ثوانٍ. عنوان URL هو عنوان الصفحة الوجهة للانتقال.

 <meta http-equiv="refresh" content="5">

هذا السطر من التعليمات البرمجية يعني التحديث فقط، وليس القفز.

2. استخدم الكود النصي

انتقل إلى صفحة hello.html على الفور.

 <نوع البرنامج النصي = "نص/جافا سكريبت">
window.location.href = 'hello.html';
</script>

أو

 <لغة البرمجة = "جافا سكريبت">
location.replace("http://www.baidu.com/");
</script>

انتقل إلى صفحة hello.html بعد 5 ثوانٍ.

 <نوع البرنامج النصي = "نص/جافا سكريبت">
setTimeout("window.location.href = 'hello.html'", 5000);
</script>

3. تحديد ما إذا كان إصدار الهاتف المحمول

 <نوع البرنامج النصي = "نص/جافا سكريبت">
var wapurl = window.location.pathname; 
لو
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{لو
(window.location.href.toLowerCase().indexOf("?pc")<0)
{يحاول
{window.location.href="/wap"+wapurl}
قبض (ه) {}}
}
</script>

وبهذا تنتهي هذه المقالة حول النقر على الزر الموجود في صفحة HTML للانتقال إلى الصفحة. لمزيد من المعلومات حول النقر على الزر للانتقال إلى الصفحة، يرجى البحث في المقالات السابقة لموقع downcodes.com أو متابعة تصفح المقالات ذات الصلة التالية أتمنى أن تفعل ذلك في المستقبل.