{"id":39896,"date":"2024-05-25T11:45:18","date_gmt":"2024-05-25T07:15:18","guid":{"rendered":"https:\/\/wpadmin.maktabkhooneh.org\/mag\/?p=39896"},"modified":"2026-04-06T15:42:13","modified_gmt":"2026-04-06T12:12:13","slug":"bom-in-javascript","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/bom-in-javascript\/","title":{"rendered":"BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u062a\u0641\u0627\u0648\u062a \u0622\u0646 \u0628\u0627 DOM"},"content":{"rendered":"\n<p>Bom \u0686\u06cc\u0633\u062a\u061f Browser Object Model \u06cc\u0627 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0634\u06cc\u0627\u0621 \u06cc\u0627 \u0622\u0628\u062c\u06a9\u062a\u200c\u0647\u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0627 \u067e\u0646\u062c\u0631\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0633\u0646\u062f \u0648 \u062f\u06cc\u06af\u0631 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. BOM \u0645\u0648\u0627\u0631\u062f\u06cc \u0627\u0632 \u0642\u0628\u06cc\u0644 Window\u060c Navigator\u060c Location\u060c History \u0648 Screen \u0631\u0627 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u062f\u0627\u0631\u0627\u06cc \u0686\u0646\u062f\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0648 \u0645\u062a\u062f \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u062a.<\/p>\n\n\n\n<p>\u0627\u0645\u0627 Dom \u0686\u06cc\u0633\u062a\u061f \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0622\u0628\u062c\u06a9\u062a \u0645\u062f\u0644 \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0646\u0627\u0645 DOM \u0646\u06cc\u0632 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627 BOM \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0648\u062f\u0647 \u0627\u0645\u0627 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u062a\u0634\u0627\u0628\u0647 \u0627\u0633\u0645\u06cc\u060c \u062a\u0645\u0627\u06cc\u0632 \u0622\u0646\u200c\u0647\u0627 \u0627\u0632 \u0647\u0645\u062f\u06cc\u06af\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06a9\u0645\u06cc \u062f\u0634\u0648\u0627\u0631 \u0628\u0627\u0634\u062f. \u0627\u06af\u0631 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u06a9\u0627\u0631 \u0628\u0627 BOM \u0648 DOM \u0631\u0627 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0648 \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u06cc\u0646 \u0645\u0641\u0647\u0648\u0645 \u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u0646\u062f\u0647\u06cc\u062f!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>BOM \u06cc\u06a9 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u062e\u0627\u0635 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062a\u0645\u0627\u0645 \u0622\u0628\u062c\u06a9\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f. BOM \u0628\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0628\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0622\u0628\u062c\u06a9\u062a window \u0646\u0645\u0627\u06cc\u0627\u0646\u06af\u0631 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0647\u0645\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0648\u0633\u0637 \u062e\u0648\u062f \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. \u0622\u0628\u062c\u06a9\u062a window.screen \u0646\u06cc\u0632 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--56206\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-learn cb-ud1ng69u\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\r\n<div class=\"zht-learn-card\">\r\n    <div class=\"zht-learn-title-section\">\r\n        <div class=\"zht-learn-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        \r\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u0644\u06cc\u0646\u06a9 -->\r\n        <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" class=\"zht-learn-card-title\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a        <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u062f\u06a9\u0645\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u062a\u06af button -->\r\n    <!-- \u0627\u0632 onclick \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0628\u0647 \u0645\u062d\u0636 \u06a9\u0644\u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u062f -->\r\n    <button class=\"zht-learn-card-btn\" data-course-url=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" onclick=\"window.open(this.getAttribute('data-course-url'), '_blank');\">\r\n        \u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\r\n    <\/button>\r\n<\/div><\/div><\/div><\/div>\n\n\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u0628\u062f\u0648\u0646 \u067e\u06cc\u0634\u0648\u0646\u062f window \u0646\u06cc\u0632 \u0646\u0648\u0634\u062a. \u067e\u0631\u0627\u067e\u0631\u062a\u06cc\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646 \u0622\u0628\u062c\u06a9\u062a \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f \u0647\u0631\u06a9\u062f\u0627\u0645 \u0631\u0627 \u0628\u0627 \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u0645:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.width:<\/strong> \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u062d\u0633\u0628 \u067e\u06cc\u06a9\u0633\u0644<\/li>\n<\/ul>\n\n\n\n<div class=\"code-gutter\">\n<div class=\"editor-buttons-container\">\n<div class=\"editor-buttons\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"code-container\">\n<div id=\"highlighter_37575\" class=\"syntaxhighlighter nogutter night\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"plain\">&lt;p id=<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">&gt;&lt;\/p&gt; <\/code><\/div>\n<div class=\"line number2 index1 alt1\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"undefined spaces\">&nbsp;<\/code><\/div>\n<div class=\"line number3 index2 alt2\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"plain\">&lt;script&gt; <\/code><\/div>\n<div class=\"line number4 index3 alt1\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n<div class=\"line number5 index4 alt2\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\" The Screen width is \"<\/code> <code class=\"plain\">+ screen.width; <\/code><\/div>\n<div class=\"line number6 index5 alt1\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"plain\">&lt;\/script&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n\n\n\n<p><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> The Screen width is 1600<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.height:<\/strong> \u0637\u0648\u0644 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u062d\u0633\u0628 \u067e\u06cc\u06a9\u0633\u0644<\/li>\n<\/ul>\n\n\n\n<div class=\"line number4 index3 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n\n\n\n<div class=\"line number5 index4 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\" The screen height is \"<\/code> <code class=\"plain\">+ screen.height; <\/code><\/div>\n\n\n\n<p><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">The screen height is 900<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.availWidth:<\/strong> \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u062d\u0633\u0628 \u067e\u06cc\u06a9\u0633\u0644\u060c \u0645\u0646\u0647\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/li>\n<\/ul>\n\n\n\n<div class=\"line number4 index3 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n\n\n\n<div class=\"line number5 index4 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\"The available screen width is \"<\/code> <code class=\"plain\">+ screen.availWidth; <\/code><\/div>\n\n\n\n<p class=\"has-text-align-right\"><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">The available screen width is 1549<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.availHeight:<\/strong> \u0637\u0648\u0644 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u062d\u0633\u0628 \u067e\u06cc\u06a9\u0633\u0644\u060c \u0645\u0646\u0647\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/li>\n<\/ul>\n\n\n\n<div class=\"line number4 index3 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n\n\n\n<div class=\"line number5 index4 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\"The available screen height is \"<\/code> <code class=\"plain\">+ screen.availHeight; <\/code><\/div>\n\n\n\n<p class=\"has-text-align-right\"><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> The available screen height is 876<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.colorDepth:<\/strong> \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u062a\u0639\u062f\u0627\u062f \u0628\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06cc\u06a9 \u0631\u0646\u06af \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0647\u0633\u062a\u0646\u062f. \u0628\u0647 \u0637\u0648\u0631 \u0645\u0639\u0645\u0648\u0644\u060c \u0633\u062e\u062a\u200c\u0627\u0641\u0632\u0627\u0631 \u06f2\u06f4 \u06cc\u0627 \u06f3\u06f2 \u0628\u06cc\u062a\u06cc \u0628\u0631\u0627\u06cc \u0648\u0636\u0648\u062d \u0631\u0646\u06af \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u06f2\u06f4 \u0628\u06cc\u062a \u0645\u0633\u0627\u0648\u06cc \u0627\u0633\u062a \u0628\u0627 \u06f1\u06f6\u06f7\u06f7\u06f7\u06f2\u06f1\u06f6 \u0631\u0646\u06af \u0648\u0627\u0642\u0639\u06cc (True Color) \u0648 \u06f3\u06f2 \u0628\u06cc\u062a \u0645\u0633\u0627\u0648\u06cc \u0627\u0633\u062a \u0628\u0627 \u06f4\u06f2\u06f9\u06f4\u06f9\u06f6\u06f7\u06f2\u06f9\u06f6 \u0631\u0646\u06af \u0639\u0645\u06cc\u0642 (Deep Color).<\/li>\n<\/ul>\n\n\n\n<div class=\"code-gutter\">\n<div class=\"editor-buttons-container\">\n<div class=\"editor-buttons\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"code-container\">\n<div id=\"highlighter_490646\" class=\"syntaxhighlighter nogutter night\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number4 index3 alt1\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n<div class=\"line number5 index4 alt2\" dir=\"ltr\" style=\"text-align: left;\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\"The screen color depth is \"<\/code> <code class=\"plain\">+ screen.colorDepth; <\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n\n\n\n<p><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">The screen color depth is 24<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>screen.pixelDepth:<\/strong> \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u0639\u0645\u0642 \u067e\u06cc\u06a9\u0633\u0644 \u06cc\u0627 \u0639\u0645\u0642 \u0631\u0646\u06af.<\/li>\n<\/ul>\n\n\n\n<div class=\"line number4 index3 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(<\/code><code class=\"string\">\"GFG\"<\/code><code class=\"plain\">).innerHTML = <\/code><\/div>\n\n\n\n<div class=\"line number5 index4 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"string\">\"The screen pixel depth is \"<\/code> <code class=\"plain\">+ screen.pixelDepth; <\/code><\/div>\n\n\n\n<p class=\"has-text-align-right\"><strong>\u062e\u0631\u0648\u062c\u06cc: <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> The screen pixel depth is 24<\/pre>\n\n\n\n<p>\u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0631\u0627 \u0622\u0648\u0631\u062f\u0647\u200c\u0627\u06cc\u0645:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google Chrome 1 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n\n\n\n<li>Edge 12 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n\n\n\n<li>Firefox 1 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n\n\n\n<li>Internet Explorer 4 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n\n\n\n<li>Opera 12.1 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n\n\n\n<li>Safari 1 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"975\" height=\"588\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-2.png\" alt=\"\" class=\"wp-image-39898\" title=\"\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-2.png 975w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-2-300x181.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-2-768x463.png.webp 768w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u062a\u0641\u0627\u0648\u062a DOM \u0648 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p><a href=\"https:\/\/maktabkhooneh.org\/mag\/dom-in-javascript\/\">DOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> \u06cc\u06a9 Object model \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u062a\u0634\u0627\u0628\u0647 \u0627\u0633\u0645\u06cc \u0628\u0627 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0628\u0631\u062e\u06cc \u0627\u0641\u0631\u0627\u062f \u06af\u06cc\u062c\u200c\u06a9\u0646\u0646\u062f\u0647 \u0628\u0627\u0634\u062f. \u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f Bom \u0686\u06cc\u0633\u062a\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u062a\u0641\u0627\u0648\u062a dom \u0648 bom \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u0645. Document Object Model (DOM) \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u0646\u0627\u062f HTML \u0648 XML \u0648 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc \u0641\u0631\u0645 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a \u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f\u060c \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06cc\u0627 \u062d\u0630\u0641 \u0639\u0646\u0627\u0635\u0631 \u0627\u0632 \u0633\u0646\u062f \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0646\u0637\u0642\u06cc \u0627\u0633\u0646\u0627\u062f \u0648 \u0646\u062d\u0648\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06cc\u06a9 \u0633\u0646\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/reactjs-63_QsAvipB_1403-08-16-164734762\/30ad815996c7019e488903891aba7d2b.webp?expire=4893471932&#038;token=58cbda5c656fe3c1c2b21f90f54d1188&#038;md5=WMvaXGVv48HCsh-Q9U0RiA==\" \n            alt=\"\u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634 React\" \n            title=\"\u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634 React\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%D8%B1%DB%8C%D9%85%D9%88%D8%B1%DA%A9-reactjs-mk401\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634 React        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f5\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f4\u06f1\u06f9,\u06f3\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f3\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%D8%B1%DB%8C%D9%85%D9%88%D8%B1%DA%A9-reactjs-mk401\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<p>\u0628\u0627 \u06a9\u0645\u06a9 DOM\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u060c \u06cc\u0639\u0646\u06cc \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0647 \u062a\u06af\u200c\u0647\u0627\u060c \u0634\u0646\u0627\u0633\u0647\u200c\u0647\u0627\u060c \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u060c \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u06cc\u0627 \u0639\u0646\u0627\u0635\u0631 HTML \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u06cc\u0627 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647\u200c\u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0622\u0628\u062c\u06a9\u062a Document \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 \u0648 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0633\u0646\u062f \u0631\u0627 \u0628\u0647 \u0631\u0648\u0634\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u062f\u0631\u06a9 \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<p>HTML \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0648 Javascript \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0631\u0641\u062a\u0627\u0631\u06cc \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0628\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 HTML \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0633\u0646\u062f HTML \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u06cc\u06a9 \u0633\u0646\u062f Dom \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0627\u0633\u0627\u0633\u0627\u064b \u0646\u0634\u0627\u0646\u06af\u0631 \u0647\u0645\u0627\u0646 \u0633\u0646\u062f HTML \u0627\u0633\u062a \u0627\u0645\u0627 \u062f\u0631 \u0642\u0627\u0644\u0628\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Browser object.<\/p>\n\n\n\n<p>\u062f\u0631 \u062c\u062f\u0648\u0644 \u0632\u06cc\u0631\u060c \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 \u0645\u0641\u0647\u0648\u0645 dom \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u0647 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u0631\u062f:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Browser Object Model (BOM)<\/strong><\/td><td><strong>Document Object Model (DOM)<\/strong><\/td><\/tr><tr><td>\u0639\u0645\u062f\u062a\u0627\u064b \u0628\u0631 \u0631\u0648\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f.<\/td><td>\u0639\u0645\u062f\u062a\u0627\u064b \u0628\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0646\u062f \u0646\u0645\u0627\u06cc\u0634\u200c\u062f\u0627\u062f\u0647\u200c\u0634\u062f\u0647 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f.<\/td><\/tr><tr><td>\u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0646\u062f\u060c \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/td><td>\u06cc\u06a9 \u0631\u0627\u0628\u0637 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u0627\u0635\u0644\u0627\u062d \u0639\u0646\u0627\u0635\u0631 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u06cc\u06a9 \u0633\u0646\u062f HTML \u06cc\u0627 XML \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td><\/tr><tr><td>\u0622\u0628\u062c\u06a9\u062a Window \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f.<\/td><td>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06cc\u06a9 \u0633\u0646\u062f HTML \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0647 \u06cc\u06a9 \u0622\u0628\u062c\u06a9\u062a \u0633\u0646\u062f \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/td><\/tr><tr><td>\u06a9\u0627\u0631\u06a9\u0631\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 Window \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a Navigation\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a History \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0633\u0647\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td><td>\u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc\u060c \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u067e\u0648\u06cc\u0627 \u0633\u0627\u062e\u062a\u0627\u0631\u060c \u0645\u062d\u062a\u0648\u0627 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0633\u0646\u062f \u0648\u0628 \u0631\u0627 \u062a\u0633\u0647\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td><\/tr><tr><td>\u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0646\u062f \u0648\u0628 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u062f\u0627\u0631\u062f.<\/td><td>\u06a9\u0646\u062a\u0631\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0646\u062f \u0648\u0628 \u0631\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0648 \u0627\u0635\u0644\u0627\u062d \u0639\u0646\u0627\u0635\u0631 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0622\u0646 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"228\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/f494f7df-2f75-4253-9b90-e9558a3b7563-300x228.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0639\u0645\u0644\u06af\u0631\u0647\u0627\u06cc \u0645\u0646\u0637\u0642\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/f494f7df-2f75-4253-9b90-e9558a3b7563-300x228.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/f494f7df-2f75-4253-9b90-e9558a3b7563-768x584.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/f494f7df-2f75-4253-9b90-e9558a3b7563.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/228;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/logical-operators-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0639\u0645\u0644\u06af\u0631\u0647\u0627\u06cc \u0645\u0646\u0637\u0642\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a: \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u067e\u0631\u0627\u067e\u0631\u062a\u06cc Screen Width \u062f\u0631 HTML DOM \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>\u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc Screen width \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u06a9\u0644 \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc\u060c \u0639\u0631\u0636 \u06a9\u0644 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0631 \u062d\u0633\u0628 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f. \u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0632 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc Screen width \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<div class=\"line number1 index0 alt2\" dir=\"ltr\"><code class=\"plain\">&lt;!DOCTYPE html&gt; <\/code><\/div>\n\n\n\n<div class=\"line number2 index1 alt1\" dir=\"ltr\"><code class=\"plain\">&lt;<\/code><code class=\"keyword\">html<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number3 index2 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;<\/code><\/div>\n\n\n\n<div class=\"line number4 index3 alt1\" dir=\"ltr\"><code class=\"plain\">&lt;<\/code><code class=\"keyword\">body<\/code> <code class=\"color1\">style<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"text-align: center;\"<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number5 index4 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">div<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number6 index5 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">h1<\/code> <code class=\"color1\">style<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"color: green;\"<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number7 index6 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">GeeksforGeeks <\/code><\/div>\n\n\n\n<div class=\"line number8 index7 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">h1<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number9 index8 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">p<\/code><code class=\"plain\">&gt;Click on the button to see image&lt;\/<\/code><code class=\"keyword\">p<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number10 index9 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">img<\/code> <code class=\"color1\">id<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"image\"<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number11 index10 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">div<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number12 index11 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">button<\/code> <code class=\"color1\">type<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"button\"<\/code><\/div>\n\n\n\n<div class=\"line number13 index12 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"color1\">onclick<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"show()\"<\/code><\/div>\n\n\n\n<div class=\"line number14 index13 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"color1\">id<\/code><code class=\"plain\">=<\/code><code class=\"string\">\"btnID\"<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number15 index14 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">Show Image <\/code><\/div>\n\n\n\n<div class=\"line number16 index15 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">button<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number17 index16 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;<\/code><\/div>\n\n\n\n<div class=\"line number18 index17 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;<\/code><code class=\"keyword\">script<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number19 index18 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">function show() { <\/code><\/div>\n\n\n\n<div class=\"line number20 index19 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">let image = document.getElementById(\"image\"); <\/code><\/div>\n\n\n\n<div class=\"line number21 index20 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">image.src = <\/code><\/div>\n\n\n\n<div class=\"line number22 index21 alt1\" dir=\"ltr\"><code class=\"plain\">\"https:\/\/media.geeksforgeeks.org\/wp-content\/uploads\/20210915115837\/gfg3.png\" <\/code><\/div>\n\n\n\n<div class=\"line number23 index22 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">document.getElementById(\"btnID\") <\/code><\/div>\n\n\n\n<div class=\"line number24 index23 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">.style.display = \"none\"; <\/code><\/div>\n\n\n\n<div class=\"line number25 index24 alt2\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">} <\/code><\/div>\n\n\n\n<div class=\"line number26 index25 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;&nbsp;&nbsp;&nbsp;<\/code><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">script<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number27 index26 alt2\" dir=\"ltr\"><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">body<\/code><code class=\"plain\">&gt; <\/code><\/div>\n\n\n\n<div class=\"line number28 index27 alt1\" dir=\"ltr\"><code class=\"undefined spaces\">&nbsp;<\/code><\/div>\n\n\n\n<div class=\"line number29 index28 alt2\" dir=\"ltr\"><code class=\"plain\">&lt;\/<\/code><code class=\"keyword\">html<\/code><code class=\"plain\">&gt;<\/code><\/div>\n\n\n\n<p><strong>\u062e\u0631\u0648\u062c\u06cc \u0642\u0628\u0644 \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647: <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"780\" height=\"470\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-3.jpeg\" alt=\"\" class=\"wp-image-39899 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-3.jpeg 780w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-3-300x181.jpeg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-3-768x463.jpeg.webp 768w\" data-sizes=\"(max-width: 780px) 100vw, 780px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 780px; --smush-placeholder-aspect-ratio: 780\/470;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><strong>\u062e\u0631\u0648\u062c\u06cc \u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"780\" height=\"470\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-4.jpeg\" alt=\"\" class=\"wp-image-39900 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-4.jpeg 780w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-4-300x181.jpeg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-4-768x463.jpeg.webp 768w\" data-sizes=\"(max-width: 780px) 100vw, 780px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 780px; --smush-placeholder-aspect-ratio: 780\/470;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>\u0627\u0645\u0627 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u0647 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628\u06cc \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062f\u0627\u0631\u062f\u061f \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u062e\u0648\u0627\u0647\u06cc\u0645 \u067e\u0631\u062f\u0627\u062e\u062a:&#8217;<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/javascript-es-series_1403-08-16-164352163\/97c6aa2e4add56ea5373fa13a8178942.webp?expire=4893471932&#038;token=a299c61715e09470f165388b87e60951&#038;md5=opnGFxXglHDxZTiLh-YJUQ==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-mk1122\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (JavaScript)        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f1,\u06f4\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f5\u06f2\u06f4,\u06f6\u06f5\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f6\u06f5%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-mk1122\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<p><strong>\u0645\u0632\u0627\u06cc\u0627:<\/strong><\/p>\n\n\n\n<p>\u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u06af\u0641\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631:<\/strong> BOM \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0647\u0634\u062f\u0627\u0631\u0647\u0627\u060c \u0627\u0639\u0644\u0627\u0646\u200c\u0647\u0627 \u0648 \u062a\u0623\u06cc\u06cc\u062f\u06cc\u0647\u200c\u0647\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u062a\u0639\u0627\u0645\u0644\u06cc\u200c\u062a\u0631 \u0633\u0627\u0632\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u06a9\u0646\u062a\u0631\u0644 Navigation:<\/strong> BOM \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f &#8220;history&#8221;\u060c \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a \u0639\u0642\u0628 \u06cc\u0627 \u062c\u0644\u0648 \u0631\u0641\u062a\u0646 \u062f\u0631 \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u062c\u0632\u0626\u06cc\u0627\u062a \u0645\u0631\u0648\u0631\u06af\u0631:<\/strong> BOM \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0628\u0632\u0627\u0631 &#8220;Navigator&#8221; \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0628\u0647 \u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u062a\u0648\u0627 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u0645\u062f\u06cc\u0631\u06cc\u062a Location:<\/strong> BOM \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631 &#8220;location&#8221; \u0628\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0622\u062f\u0631\u0633\u200c\u0647\u0627\u06cc \u0648\u0628 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0648\u06cc\u0627\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0631\u06cc\u062f\u0627\u06cc\u0631\u06a9\u062a \u0634\u062f\u0646 \u0622\u0633\u0627\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"975\" height=\"588\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-5.png\" alt=\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" class=\"wp-image-39901 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/word-image-39896-5.png 975w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-5-300x181.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/word-image-39896-5-768x463.png.webp 768w\" data-sizes=\"(max-width: 975px) 100vw, 975px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 975px; --smush-placeholder-aspect-ratio: 975\/588;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><strong>\u0645\u0639\u0627\u06cc\u0628:<\/strong><\/p>\n\n\n\n<p>\u0627\u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u0639\u0627\u06cc\u0628\u06cc \u0647\u0645 \u062f\u0627\u0631\u062f\u061b \u0627\u0632 \u062c\u0645\u0644\u0647:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0645\u0631\u0648\u0631\u06af\u0631:<\/strong> \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u062a\u0641\u0627\u0648\u062a \u0639\u0645\u0644 \u06a9\u0646\u062f \u0648 \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u0645\u0634\u06a9\u0644 \u0634\u0648\u062f.<\/li>\n\n\n\n<li><strong>\u0646\u06af\u0631\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc:<\/strong> \u0628\u0631\u062e\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc BOM\u060c \u0645\u0627\u0646\u0646\u062f \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627\u06cc \u067e\u0627\u067e\u200c\u0622\u067e\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062a\u0648\u0633\u0637 \u0627\u0641\u0631\u0627\u062f \u0633\u0648\u062f\u062c\u0648 \u0645\u0648\u0631\u062f \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a:<\/strong> BOM \u0628\u0647 \u0634\u062f\u062a \u0628\u0647 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a \u0645\u062a\u06a9\u06cc \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.<\/li>\n\n\n\n<li><strong>\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0641\u0627\u0642\u062f \u0645\u0634\u062e\u0635\u0627\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"211\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/40e8b366-0f60-4f2f-9c85-489c6e6c0879-300x211.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u062f\u0633\u062a\u0648\u0631 Switch \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/40e8b366-0f60-4f2f-9c85-489c6e6c0879-300x211.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2024\/05\/40e8b366-0f60-4f2f-9c85-489c6e6c0879-768x541.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2024\/05\/40e8b366-0f60-4f2f-9c85-489c6e6c0879.jpg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/211;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/javascript-switch-case\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u062f\u0633\u062a\u0648\u0631 Switch \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647<\/h2>\n\n\n\n<p>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0637\u06cc \u0633\u0627\u0644\u200c\u0647\u0627\u06cc \u0627\u062e\u06cc\u0631 \u0628\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646 \u0648 \u067e\u0631\u062f\u0631\u0622\u0645\u062f\u062a\u0631\u06cc\u0646 \u0645\u0634\u0627\u063a\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u06a9\u0647 \u0647\u0631 \u06a9\u0633\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u062f\u06cc\u062f\u0646 \u0686\u0646\u062f \u0648\u06cc\u062f\u06cc\u0648\u06cc Youtube \u06cc\u0627 \u06af\u0630\u0631\u0627\u0646\u062f\u0646 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646\u060c \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0622\u0646 \u0628\u0647 \u062f\u0631\u0622\u0645\u062f\u0632\u0627\u06cc\u06cc \u0628\u067e\u0631\u062f\u0627\u0632\u062f. \u0627\u06af\u0631 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u0628\u0647 \u0627\u06cc\u0646 \u0631\u0634\u062a\u0647 \u062c\u0630\u0627\u0628 \u0648 \u067e\u0648\u06cc\u0627 \u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f \u0647\u0633\u062a\u06cc\u062f\u060c \u0645\u0627 \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u061b \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631 \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0648\u0628\u060c \u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u0628\u0627\u0632\u06cc \u0648 \u063a\u06cc\u0631\u0647! \u0627\u06af\u0631 \u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f \u0628\u0647 \u06a9\u0633\u0628 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u0644\u06cc\u0633\u062a \u062a\u0648\u0627\u0628\u0639 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u0641\u0627\u0647\u06cc\u0645 \u062c\u0630\u0627\u0628 \u0622\u0646 \u0645\u0627\u0646\u0646\u062f Requestanimationframe \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0627\u06cc\u062c\u0627\u062f \u062a\u0627\u062e\u06cc\u0631 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u063a\u06cc\u0631\u0647 \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u0632 \u0634\u0645\u0627 \u062f\u0639\u0648\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0633\u0631\u06cc \u0628\u0647 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\">\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> \u0648 <a href=\"https:\/\/maktabkhooneh.org\/learn\/programming\">\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/a> \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0628\u0632\u0646\u06cc\u062f \u0648 \u0647\u0631\u0686\u0647 \u0632\u0648\u062f\u062a\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0631\u0627 \u0622\u063a\u0627\u0632 \u06a9\u0646\u06cc\u062f!<\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/node_1s540yS_1403-08-16-164236924\/0fe5b3e2e2d6607001330d6526c543b5.webp?expire=4893471932&#038;token=609d2dc669a9a7534ba3f217a1a0a241&#038;md5=YJ0txmmpp1NLo_IXoaCiQQ==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 Node.js\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 Node.js\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-node-js-mk1313\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 Node.js        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f1,\u06f5\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f4\u06f7\u06f9,\u06f7\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f7\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-node-js-mk1313\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Bom \u0686\u06cc\u0633\u062a\u061f Browser Object Model \u06cc\u0627 BOM \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0634\u06cc\u0627\u0621 \u06cc\u0627 \u0622\u0628\u062c\u06a9\u062a\u200c\u0647\u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0627 \u067e\u0646\u062c\u0631\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0633\u0646\u062f \u0648 \u062f\u06cc\u06af\u0631 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. BOM \u0645\u0648\u0627\u0631\u062f\u06cc \u0627\u0632 \u0642\u0628\u06cc\u0644 Window\u060c Navigator\u060c Location\u060c History \u0648 Screen \u0631\u0627 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u062f\u0627\u0631\u0627\u06cc \u0686\u0646\u062f\u06cc\u0646 [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":39903,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,30,12],"tags":[],"class_list":["post-39896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-and-it-training","category-web-programming-articles","category-java-script-articles"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=39896"}],"version-history":[{"count":4,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39896\/revisions"}],"predecessor-version":[{"id":65558,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/39896\/revisions\/65558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/39903"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=39896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=39896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=39896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}