آموزش ایجاد پیش نمایش برای کدها بدون ساخت صفحه جدید

شاید تا به حال با کلماتی مانند نمایش سریع یا پیش نمایش کد و … آشنا شده باشید. معمولا کار آنها ایجاد سریع پیش نمایش کد است.

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

شما توسط یک کد ساده جاوا اسکریپت میتوانید اینکار را بدون ایجاد صفحه جدید انجام دهید.

برای اینکه کارایی این کد را مشاهده کنید میتوانید به صفحه اصلی وبلاگ مراجعه کنید و بر روی نسخه سریع و بدون توضیحات مطلب ابزار چک کردن سئو عکس کلیک کنید.

 


&#۶۰button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
var w = window.open();
w.document.open();
w.document.write("blog");
w.document.close();
}
</script>


به جای blog باید کد ابزار خود را که میخواهید نمایش داده شود را بگذارید …

پاسخی بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *