کدW3C درس آنلاین
  • درس سلسله HTML
  • اسکریپت مرورگر
  • اسکریپت سرور
  • درس نویسی برنامه نویسی
  • درس سلسله XML
  • دستورالعمل ساخت وب‌سایت
  • دستورالعمل مرجع

جدول زمانی

دستورالعمل‌های مرجع جاوااسکریپت

  • دستورالعمل‌های مرجع جاوااسکریپت (ترتیب دسته‌بندی)
  • دستورالعمل‌های مرجع جاوااسکریپت (ترتیب حروف الفبا)

جاوااسکریپت

  • Array جاوااسکریپت
  • Boolean جاوااسکریپت
  • Class جاوااسکریپت
  • تاریخ جاوااسکریپت
  • خطای جاوااسکریپت
  • عوامل جهانی جاوااسکریپت
  • JSON جاوااسکریپت
  • Map جاوااسکریپت
  • Math جاوااسکریپت
  • Number جاوااسکریپت
  • Promise جاوااسکریپت
  • RegExp جاوااسکریپت
  • Set جاوااسکریپت
  • String جاوااسکریپت
  • عنصر جاوااسکریپت
  • عملگرهای جاوااسکریپت
  • مرتب‌سازی اولویت عملگرهای جاوااسکریپت
  • فرمان‌های جاوااسکریپت
  • آرایه‌های نوعی جاوااسکریپت

ویندوز

  • موضوع Window
  • کنسول ویندوز
  • تاریخچه ویندوز
  • محل ویندوز
  • نواحی ویندوز
  • اسکرین ویندوز

DOM HTML

  • مستند HTML
  • عنصر Element HTML
  • Attribute HTML
  • Event HTML
  • عنصر Event HTML
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • esty HTML

API وب

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • API وب

عنصر HTML

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
  • <menuitem>
  • <meta>
  • <meter>
  • <nav>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <pre>
  • <progress>
  • <q>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • </a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="اہلم ڈی او ایم ٹریک شیئر"><title></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="اہلم ڈی او ایم اندرلائن شیئر"><track></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="اہلم ڈی او ایم یو ایل شیئر"><u></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="اہلم ڈی او ایم ویریبل شیئر"><ul></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="اہلم ڈی او ایم ویدیو شیئر"><var></a></li> </ul> <h2><video></h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="سی ایس ایس تایپ ڈیکلریشن شیئر">دیگر مراجع دستور زبان</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="جاوا اسکریپٹ کا نوعیت تبدیلی">CSSStyleDeclaration</a></li> </ul> </div> <div><h3><center> JS نوع تبدیلی </center><h3> <h2>اختیاری درس</h2> <ul> <li><a href="/ur/howto/index.html" title="کدوو3 سی کام کا میزبان">کدوو3 سی کام کا میزبان</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>دروس سفارش:</h1> <div class="prenextnav-ref"> <ul> <li> پچھلے صفحے پر <a href="/ur/jsref/prop_element_offsetwidth.html" title="اہلم ڈی او ایم ایلیمنت آفست وائڈت پراپریٹی">offsetWidth</a></li> <li> بعد کا صفحہ <a href="/ur/jsref/prop_element_offsetparent.html" title="اہلم ڈی او ایم ایلیمنت آفست پارنٹ پراپریٹی">offsetParent</a></li> <li> بقایا لے جائیں <a href="/ur/jsref/dom_obj_all.html" title="اہلم ڈی او ایم ایلیمنٹس شیئر">اہلم ڈی او ایم ایلیمنٹس شیئر</a></li> </ul> </div> <div> <h2>HTML DOM عنصر offsetLeft خاصیت</h2> <p><code>offsetLeft</code> تعریف اور استعمال</p> <p>خصوصیت بازگشتی کار والد کا چپ موقف (پیکسلو میں انداز دیتا ہے) بازگشتی کار ہے، یہ خاصیت پھر سے پڑھی جاسکتی ہے۔</p> <ul> <li>بازگشتی کار شامل:</li> <li>والد کا چپ اندر کا فضائی اور سرفراز</li> </ul> <p>ایک دوسرے کو دیکھئے:<a href="/ur/css/css_boxmodel.html" title="سی ایس ایس فریکس مائیکس">CSS فریم ورک تعلیم</a></p> <h3>offsetParent</h3> <p>تمام بلکچی عناصر اس کا موقف والد کے ساتھ موقف کا مقدار کا اعلان کرتے ہیں:</p> <ul> <li>offsetTop</li> <li>offsetLeft</li> <li>offsetWidth</li> <li>offsetHeight</li> </ul> <p>موقف والد وہ نزدیک ترین غیر استقرار موقف والا والد ہوتا ہے۔</p> <p>اگر کوئی موقف والد نہیں موجود ہے تو موقف کا مقدار مطلب کی صفحے کی سمت سے آمدار ہوتا ہے۔</p> <h3>ایک دوسرے کو دیکھئے:</h3> <p><a href="/ur/jsref/prop_element_offsettop.html" title="اہلم ڈی او ایم ایلیمنت آفست تپ پراپریٹی">offsetTop خاصیت</a></p> <p><a href="/ur/jsref/prop_element_offsetwidth.html" title="اہلم ڈی او ایم ایلیمنت آفست وائڈت پراپریٹی">offsetWidth خاصیت</a></p> <p><a href="/ur/jsref/prop_element_offsetheight.html" title="اہلم ڈی او ایم ایلیمنت آفست ہائیٹ پراپریٹی">offsetHeight خاصیت</a></p> <p><a href="/ur/jsref/prop_element_offsetparent.html" title="اہلم ڈی او ایم ایلیمنت آفست پارنٹ پراپریٹی">offsetParent خاصیت</a></p> <p><a href="/ur/jsref/prop_element_clienttop.html" title="اہلم ڈی او ایم ایلیمنت کلائنٹ تپ پراپریٹی">clientTop خاصیت</a></p> <p><a href="/ur/jsref/prop_element_clientleft.html" title="اہلم ڈی او ایم ایلیمنت کلائنٹ لائف پراپریٹی">clientLeft خاصیت</a></p> <p><a href="/ur/jsref/prop_element_clientwidth.html" title="اہلم ڈی او ایم ایلیمنت کلائنٹ وائڈت پراپریٹی">clientWidth خاصیت</a></p> <p><a href="/ur/jsref/prop_element_clientheight.html" title="اہلم ڈی او ایم ایلیمنت کلائنٹ ہائیٹ پراپریٹی">clientHeight خاصیت</a></p> </div> <div> <h2>مثال</h2> <h3>مثال 1</h3> <p>"myDIV" کا offsetLeft مقام حاصل کریں:</p> <pre class="language-js"> const element = document.getElementById("myDIV"); pos = element.offsetLeft; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_prop_element_offsetleft_1">خود کا تجربہ کریں</a></p> <h3>مثال 2</h3> <p>"myDIV" کا مقام حاصل کریں:</p> <pre class="language-js"> const element = document.getElementById("myDIV"); let pos1= element.offsetTop; let pos2= element.offsetLeft; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_prop_element_offsetleft_2">خود کا تجربہ کریں</a></p> </div> <div> <h2>زبان</h2> <p>بازگشتی چپ موقف:</p> <pre><i>element</i>.offsetLeft</pre> <h3>بازگشتی کار</h3> <table class="dataintable"> <tr> <th style="width: 25%;">نوع</th> <th>وصف</th> </tr> <tr> <td>نمبر</td> <td>عنصر کا چھوٹی جانب کا مقام، پیکسلو میں انداز دیتا ہے۔</td> </tr> </table> </div> <div> <h2>براوزرز کا تعاون</h2> <p>تمام براوزرز اس کا تعاون دیتے ہیں <code>element.offsetTop</code>:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>IE</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>پشتیبانی</td> <td>پشتیبانی</td> <td>پشتیبانی</td> <td>پشتیبانی</td> <td>پشتیبانی</td> <td>پشتیبانی</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> پچھلے صفحے پر <a href="/ur/jsref/prop_element_offsetwidth.html" title="اہلم ڈی او ایم ایلیمنت آفست وائڈت پراپریٹی">offsetWidth</a></li> <li> بعد کا صفحہ <a href="/ur/jsref/prop_element_offsetparent.html" title="اہلم ڈی او ایم ایلیمنت آفست پارنٹ پراپریٹی">offsetParent</a></li> <li> بقایا لے جائیں <a href="/ur/jsref/dom_obj_all.html" title="اہلم ڈی او ایم ایلیمنٹس شیئر">اہلم ڈی او ایم ایلیمنٹس شیئر</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> آلہ کار </center><h3> <h5 id="tools_reference"><a href="/ur/jsref/index.html">دستورالعمل مرجع JavaScript و HTML DOM</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">JavaScript امتحان</a></h5> <h5 id="tools_tutorial"><a href="/ur/js/index.html">JavaScript تعلیم</a></h5> </div> <div><h3><center> اسپانسرنگ لنک </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com بجستجو کا مطلب صرفاً تربیت اور تجربیات کے لئے فراہم کیا گیا ہے، صحت و صحت کا حصول نہیں کیا جاتا ہے۔ اس سائٹ کے مواد کو استعمال کرنے سے آمدنی کی خطرات اس سائٹ سے منسلک نہیں ہیں۔ حقوق کاپی، تمام حقوق محفوظ ہیں۔ </p> <p id="p2"> <a href="/ur/about/index.html" title="کدوو3 سی کام کے بارے میں">کدوو3 سی کام کے بارے میں</a> <a href="/ur/about/about_helping.html" title="کدوو3 سی کام کی مدد">کدوو3 سی کام کی مدد</a> <a href="/ur/about/about_use.html" title="کدوو3 سی کام کا استعمال">استعمال شرط</a> <a href="/ur/about/about_privacy.html" title="کدوو3 سی کام کی پرائیویسی">پرائیویسی شرط</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="موجود توسط Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>