تاریخ : جمعه، 20 آبان ماه، 1390
موضوع : آموزش JAVA

پرش به نقطه از صفحه وب با جاوا اسکریپت

با استفاده از کد جاوا اسکریپت شما می توانید در یک صفحه html به هر نقطه ای از آن صفحه پرش کنید. به این صورت که با استفاده از تعریف کردن لنگر (lanchor) در نقاط مختلف صفحه وب خود و با قرار دادن لینک های جاوا اسکریپ در محل دلخواه کاربر با کلیک کردن بر روی آنها به موقعیت تعریف شده ارجاع داده می شود.

از این خاصیت در مواقعی که ارتفاع صفحه وب ما خیلی زیاد است و پیدا کردن موضوعی در آن برای کاربر خیلی خسته کننده باشد استفاده می شود. در ادامه با یک مثال به همراه سورس کد آن این موضوع روشن تر خواهد شد.



ابتدا در داخل تگ head فانکشن جاوا اسکریپت رو قرار دهید:

<script type="text/javascript" language="javascript">
function gotolanchor(positionn){
window.location.hash=positionn;
}
</script>

بعد از تگ body در هر کجا که مایل بودید می توانید از لنگر برای تعریف کردن یک موقعیت در صفحه استفاده کنید:

<a name="top"></a>

مقداری که به name نسبت می دهیم مهم است، بنابراین باید در لینک جاوا نیز همین مقدار را وارد کنیم. سپس با فراخوانی تابع جاوا اسکریپت به صورت لینک (متن، عکس، و ...) با مقدار ورودی station1 در صفحه وب، کاربر با کلیک روی آن ویندوز به لنگری که نام station1 را دارد پرش می کنید.

gotolanchor('station1')

در این مورد مثال کاملی به صورت یک سند html برای شما تهیه شده که می توانید از طریق لینک زیر آن را مشاهد نمائید.

مثال این برنامه: projects/html/javascript_goto_anchor.html


پرش به یک موقعیت از صفحه وب با جاوا اسکریپت پرش به یک موقعیت از صفحه وب جاوا اسکریپت لنگر کاربرد لنگر در صفحات وب java script go to anchor java script goto anchor java script anchor java jump to page

منبع این مقاله : :برنامه نویسی میکروکنترلرها
آدرس این مطلب : http://www.picpars.com/240/-پرش-به-نقطه-از-صفحه-وب-با-جاوا-اسکریپت