آموزش متد print در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد print در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد print در BOM جاوااسکریپت
با استفاده از متد ()print میتونیم صفحه فعلی که داخلش هستیم رو با هرچی محتوا که داخلش هست رو پرینت بزنیم.
بطور کلی بدونید پنجره پرینت یا Print ذاتن [ ذاتا ] متعلق به خوده مرورگرهاست و ما فقط با استفاده از جاوااسکریپت اون رو فراخوانی میکنیم فقط همین.
یعنی بطور کلی بخوایم حساب کنیم، با یک کلمه کد میتونیم پنجره پرینت رو به نمایش درآوریم، که دیگه بعدش کاربر میتونه به راحتی محتوای اون صفحه ای که داخلش هست رو پرینت بزنه.
وقتی درون یک صفحه باشیم و پنجره پرینت رو فراخوانی کنیم، هرچی که داخل اون صفحه باشه هم میره برای پرینت ، ولی خب شاید من نخوام فلان باکس یا فلان متن پرینت زده بشه! پس اینجاست که باید حتما مثال شماره ۲ رو کمی پایین تر بهش توجه کنید.
| مقدار برگشتی | هیچی |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده معمولی ( در این حالت گفتم هرچی درون صفحه باشه میره برای پرینت )
|
1 2 3 4 5 6 7 |
<script> function MyPrint(){ window.print(); } </script> |
مثال شماره ۲ : در این مثال من اومدم کاری کردم که وقتی روی دکمه پرینت کلیک شد، یه پنجره جدید باز بشه و بعدش فقط اون محتوایی که میخوام رو درش قرار بدم و در نهایت فقط همون محتوا پرینت بشه، دیگه چیز اضافه پرینت نشه.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<script> function printPage() { // اون باکسی که باید پرینت گرفته شه var mycontent = document.getElementById("mybox").innerHTML; // فراخوانی هد صفحه فعلی در صفحه پرینت var head = document.getElementsByTagName("head")[0].innerHTML; // فراخوانی عنوان صفحه var mytitle = document.getElementsByTagName("title")[0].innerHTML; // ایجاد یک صفحه / پنجره جدید var myWindow = window.open('','',''); // ریختن محتوایی که باید چاپ شه در صفحه چاپ myWindow.document.write("<html><head><p class='mysite'>"+mytitle+"</p>"+head+"</head><body><p class='mysite'>سایت آموزشی فری لرن</p><div class='mybox'>"+mycontent+"</div><p class='mysite'>سایت آموزشی فری لرن</p></body></html>"); // فراخوانی پنجره پرینت myWindow.print(); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
window.print(); |
Free-Learn
نکات و توضیحات
- با استفاده از متد ()open میتونیم یک پنجره یا تب جدید در مرورگر باز کنیم.
- با استفاده از متد ()document.write میتونیم یک محتوا رو به داخل صفحه درج یا وارد کنیم.
- با استفاده از متد ()window.print میتونیم پنجره پرینت صفحه رو به نمایش درآوریم.
