استخدام نقطة مرساة في HTML

اسمحوا لي أن ألخص عدة حالات من نقطة التحكم:

1. على سطح الصفحة نفسه

 <a name = add> </a> <!-حدد نقطة المرساة-> <a href =#add> القفز لإضافة </a>

2. في صفحات مختلفة ، يتم وضع نقطة المرساة في A.HTML ، والقفز من رابط صفحة أخرى إلى نقطة المرساة هذه

 <a href = a.html#add> القفز إلى a.add </a>

3. انقر على الرابط لتشغيل حدث JS وقفز إلى نقطة المرساة في نفس الوقت.

النوع الأول:

 <a href =#add onclight = add ()> توجيه وظيفة إضافة وقفز إلى نقطة مرساة إضافة </a>

النوع الثاني:

 <div id = divnode> <!-المحتويات-> </div> <!-على افتراض أن العقدة التي يجب قفزها- خطأ ؛> أدرك تأثير نقطة الربط من خلال Scrolliintoview </a>

هناك العديد من الطرق لضبط وضع المرساة في HTML.

1. استخدم تحديد المواقع:

 <a href =#1f name = 1f> مرسى نقطة 1 </a> <name div = 1f> <p> 11111111111 </br> 111111111111111111111111111111 </br> 1111111111 </br> 11111111111 </br> > </p> </viv>

يمكن أن يكون هذا تحديد المواقع لأي علامة.

2. استخدم تحديد موقع الاسم:

 <a href =#5f> نقطة مرساة 5 </a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> "

لا يمكن تحديد موقع سمة الاسم فقط للعلامة A ، ولا يمكن وضع العلامات الأخرى مثل Div.

3. استخدم تحديد موقع JS

 <li class = onclick = javaScript: document.getElementByid ('هنا').

مثال:

JS مرساة نقطة ناعمة

 <! {Font-Size: } div.test p {height: 400px ؛ )؟ الرأس) ؛ + (E.CurrentStyle؟ Intval ( e.currensttyle.bordrtopwidth): 0) ؛ var ، w ، h ؛ Scrolltop ؛ ، المدة) {if (typeof el! = 'Object') {el = document = getScroll () z.clear =) ) {var t (تاريخ جديد). {z.scroll (zpy ، zpx)} ، 13) ؛ (-math.cos (p * math.pi) / 2) + 0.5) * (zpx -zsl) + zsl ؛ Window .Scrollto (l ، t)} ؛ > <a name = header_1 id = header_1> </a> <strong onclick = javaScript: scroller ('Header_4' ، 800) ؛> header_1-> header_4 </p> </p> </viv> </viv> </viv> div class = test> <a name = header_2 id = header_2> </a> <strong onclick = javaScript: scroller ('header_5' ، 800) ؛> header_2-> header_5 </strong>> </p > </viv> <div class = test> <a header_3 id = header_3> </a> <onclick onclick = javaScript: scroller ('Header_6' ، 800) ؛ class = test> <a name = header_4 id = header_4> </a> <strong onclick = javaScript: scroller ('Header_7' ، 800) ؛> header_4-> header _7 <</strong> <p> </p> </viv> <div class = test> <a name = header_5 id = header_5> </a> <strong knowledge = javaScript: scroller ('header_3' ، 800) ؛ /p> </viv> <div class = test> <a name = header_6 id = header_6> </a> <strong onclick = javaScript: scroller ('header_2' ، 800) ؛> header_6-> header_2 </strong > <p> </p> </viv> <div class = test> <a name = header_7 id = header_7> </a> <strong onclick = javaScript: scroller ('header_1' ، 800) ؛> header_7-> Header_1 </strong> <p> </p> </body> </html>

ما سبق هو كل محتويات هذا المقال.