కోడ్ డబ్ల్యు డబ్ల్యు సి ఆన్లైన్ ట్యూటోరియల్
  • హెచ్టిఎమ్ఎల్ సిరీస్ ట్యూటోరియల్
  • బ్రౌజర్ స్క్రిప్ట్
  • సర్వర్ స్క్రిప్ట్
  • ప్రోగ్రామింగ్ ట్యూటోరియల్
  • ఎక్స్ఎమ్ఎల్ సిరీస్ ట్యూటోరియల్
  • వెబ్సైట్ మ్యాన్యువల్
  • రిఫరెన్స్ మ్యాన్యువల్

కోర్సు సబ్లిక్

JS రెఫరెన్స్ మాన్యువల్

  • JS రెఫరెన్స్ మాన్యువల్ (వర్గం క్రమంలో)
  • JS రెఫరెన్స్ మాన్యువల్ (అక్షరాక్షరం క్రమంలో)

జావాస్క్రిప్ట్

  • JS అరేయ్
  • JS బౌలియన్
  • JS క్లాస్
  • JS డేట్
  • JS ఎరర్
  • JS గ్లోబల్
  • JS JSON
  • JS మాప్
  • JS మాథ్
  • JS నంబర్
  • JS ప్రమీస్
  • JS RegExp
  • JS సెట్
  • JS స్ట్రింగ్
  • JS ఆబ్జెక్ట్
  • JS ఆపరేటర్
  • JS ఆపరేటర్ ప్రాధాన్యత
  • JS స్టేట్మెంట్
  • JS టైపైజ్డ్ అరేయ్

విండో

  • విండో ఆబ్జెక్ట్
  • విండో కన్సోల్
  • విండో హిస్టరీ
  • విండో లొకేషన్
  • విండో నావిగేటర్
  • విండో స్క్రీన్

HTML DOM

  • HTML డాక్యుమెంట్
  • HTML ఇలెమెంట్
  • HTML అట్రిబ్యూట్
  • HTML ఇవెంట్
  • HTML ఇవెంట్ ఆబ్జెక్ట్
  • HTML కలెక్షన్
  • HTML NodeList
  • HTML DOMTokenList
  • HTML స్టైల్

వెబ్ API

  • API కాన్వాస్
  • API కన్సోల్
  • API Fetch
  • API ఫుల్‌స్క్రీన్
  • API జియోలోకేషన్
  • API History
  • API MediaQueryList
  • API Storage
  • API వాలిడేషన్
  • వెబ్ 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>
  • </a></li> <li><a href="/te/jsref/dom_obj_track.html" title="HTML DOM Track ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="HTML DOM Underline ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="HTML DOM Ul ఆబ్జెక్ట్"><ul></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="HTML DOM Variable ఆబ్జెక్ట్"><var></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="HTML DOM Video ఆబ్జెక్ట్"><video></a></li> </ul> <h2>ఇతర సూచనా పుస్తకాలు</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ఆబ్జెక్ట్">CSSStyleDeclaration</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="JavaScript రకం మార్పు">JS రకం మార్పిడి</a></li> </ul> </div> <div><h3><center> ఎంపిక కోర్సులు </center><h3> <h2>కోర్సు సిఫారసులు:</h2> <ul> <li><a href="/te/howto/index.html" title="CodeW3C.com పోస్ట్ బాక్స్">CodeW3C.com పోస్ట్ బాక్స్</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>జావాస్క్రిప్ట్ MediaQueryList API</h1> <div class="prenextnav"> <ul> <li> ముంది పేజీ <a href="/te/jsref/api_history.html" title="JavaScript History API">API History</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/api_storage.html" title="జావాస్క్రిప్ట్ Storage API">API Storage</a></li> </ul> </div> <div> <h2>MediaQueryList పరికరం</h2> <p><em>MediaQueryList</em> పరికరం మీడియా క్వరీ నుండి సమాచారాన్ని సేకరిస్తుంది</p> <p><em>MediaQueryList</em> పరికరం ఉంది<em>విండో పరికరం</em>యొక్క అనునాదం</p> <p><em>MediaQueryList</em> పరికరం ద్వారా వినియోగించబడుతుంది:</p> <p><code>window.matchMedia()</code> లేదా కేవలం <code>matchMedia()</code>:</p> <h3>ఉదాహరణ</h3> <pre class="language-js"> const mqlObj = window.matchMedia(); const mqlObj = matchMedia(); </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_win_matchmedia_1">స్వయంగా ప్రయత్నించండి</a></p> <h3>మరియు ఇలాంటి ఉంది:</h3> <p><a href="/te/jsref/met_win_matchmedia.html" title="Window matchMedia() పద్ధతి">window.matchMedia() విధానం</a></p> </div> <div> <h2>MediaQueryList అనునాదం</h2> <table class="dataintable"> <tr> <th style="width: 30%;">అనునాదం</th> <th>వివరణ</th> </tr> <tr> <td>matches</td> <td>బుల్ విలువ. డాక్యుమెంట్ క్వరీతో సరిపోతే ఉంటుంది <code>true</code>లేకపోతే <code>false</code></td> </tr> <tr> <td>media</td> <td>స్ట్రింగ్ విలువలు. మీడియా క్వరీ (జాబితా)</td> </tr> </table> </div> <div> <h2>MediaQueryList విధానం</h2> <table class="dataintable"> <tr> <th style="width: 30%;">విధానం</th> <th>వివరణ</th> </tr> <tr> <td>addListener()</td> <td>కొత్త ప్రత్యక్షించిన అడుగుపంపు ఫంక్షన్ జోడించండి, మీడియా క్వరీ ప్రత్యక్షించిన అడుగుపంపు ప్రత్యయించిన ఫలితం మారితే ఈ ఫంక్షన్ అడుగుపంపు చేయబడుతుంది</td> </tr> <tr> <td>removeListener()</td> <td> <p>మీడియా క్వరీ జాబితాలో ముందు జోడించిన ప్రత్యక్షించిన అడుగుపంపు తొలగించండి</p> <p>పేర్కొన్న ప్రత్యక్షించిన ప్రత్యక్షించిన అడుగుపంపు కాదు, ఏ పని చేయబడదు</p> </td> </tr> </table> </div> <div> <h2>మీడియా క్వరీ</h2> <p><code>matchMedia()</code> మీడియా క్వరీ విధానం ఉంటుంది <a href="/te/cssref/pr_mediaquery.html" title="CSS @media నియమం">CSS @media నియమం</a> ఏదైనా మీడియా లక్షణాలను, మిన్-హైగ్త్, మిన్-వైడ్త్, ఆక్షన్ మొదలైనవి సహా</p> <h3>ఉదాహరణ</h3> <pre class="language-js"> matchMedia("(max-height: 480px)").matches); matchMedia("(max-width: 640px)").matches); </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_win_matchmedia_2">స్వయంగా ప్రయత్నించండి</a></p> </div> <div> <h2>మీడియా రకం</h2> <table class="dataintable"> <tr> <th style="width: 30%;">విలువ</th> <th>వివరణ</th> </tr> <tr> <td>all</td> <td>డిఫాల్ట్. అన్ని మీడియా రకాల పరికరాలకు ఉపయోగిస్తారు</td> </tr> <tr> <td>print</td> <td>ప్రింటర్ కోసం ఉపయోగిస్తారు</td> </tr> <tr> <td>screen</td> <td>కంప్యూటర్ స్క్రీన్, టాబులెట్, స్మార్ట్ఫోన్ మొదలైన వివిధ మీడియా రకాలకు ఉపయోగిస్తారు</td> </tr> <tr> <td>speech</td> <td>పేజీని పెద్దగా పఠించే స్క్రీన్ రీడర్</td> </tr> </table> </div> <div> <h2>మీడియా లక్షణాలు</h2> <table class="dataintable"> <tr> <th style="width: 30%;">విలువ</th> <th>వివరణ</th> </tr> <tr> <td>any-hover</td> <td>ఏదైనా ఉపయోగదారి ప్రవేశకం ఉందా? ఉందిఅయితే, దాని ఉపయోగదారి హోవర్ అనుమతిస్తుంది?<br>（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>any-pointer</td> <td>ఏదైనా ఉపయోగదారి ప్రవేశకం ఉందా? ఉందిఅయితే, దాని నిర్ధారణతత్వం ఎంత ఉంది?<br>（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>aspect-ratio</td> <td>వీక్షణ పరిధి వెడల్పు మరియు పొడవు నిష్పత్తి</td> </tr> <tr> <td>color</td> <td>అవుట్పుట్ పరికరం ప్రతి రంగు కాంపోనెంట్ యొక్క బిట్స్ సంఖ్య</td> </tr> <tr> <td>color-gamut</td> <td>వినియోగదారి ఏజెంట్ మరియు అవుట్పుట్ పరికరాలు మద్దతు చేసే సాధారణ రంగు పరిధి<br>（Media Queries Level 4 中添加）</td> </tr> <tr> <td>color-index</td> <td>设备可以显示的颜色数量。</td> </tr> <tr> <td>grid</td> <td>设备是网格还是位图。</td> </tr> <tr> <td>height</td> <td>视口高度。</td> </tr> <tr> <td>hover</td> <td>主要输入机制是否允许用户将鼠标悬停在元素上？<br>（Media Queries Level 4 中添加）</td> </tr> <tr> <td>inverted-colors</td> <td>浏览器或底层操作系统是否反转颜色？<br>（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>light-level</td> <td>当前环境光级别（Media Queries Level 4 中添加）。</td> </tr> <tr> <td>max-aspect-ratio</td> <td>ప్రదర్శన ప్రాంతం యొక్క గరిష్ట వెడల్పు మరియు పొడవు యొక్క సామ్యం.</td> </tr> <tr> <td>max-color</td> <td>అవుట్‌పుట్ పరికరం ప్రతి రంగు కాంపోనెంట్ యొక్క గరిష్ట బిట్స్ సంఖ్య.</td> </tr> <tr> <td>max-color-index</td> <td>పరికరం యొక్క ప్రదర్శించగల గరిష్ట రంగుల సంఖ్య.</td> </tr> <tr> <td>max-height</td> <td>ప్రదర్శన ప్రాంతం యొక్క గరిష్ట పొడవు, ఉదాహరణకు బ్రౌజర్ విండో.</td> </tr> <tr> <td>max-monochrome</td> <td>సింగిల్‌కలర్‌ (గ్రేస్‌) పరికరాలు వాటిలోని ప్రతి 'రంగు' యొక్క గరిష్ట బిట్స్ సంఖ్య.</td> </tr> <tr> <td>max-resolution</td> <td>పరికరం యొక్క గరిష్ట రిజల్యూషన్‌, dpi లేదా dpcm ఉపయోగించండి.</td> </tr> <tr> <td>max-width</td> <td>ప్రదర్శన ప్రాంతం యొక్క గరిష్ట వెడల్పు, ఉదాహరణకు బ్రౌజర్ విండో.</td> </tr> <tr> <td>min-aspect-ratio</td> <td>ప్రదర్శన ప్రాంతం యొక్క కనీస వెడల్పు మరియు పొడవు యొక్క సామ్యం.</td> </tr> <tr> <td>min-color</td> <td>అవుట్‌పుట్ పరికరం ప్రతి రంగు కాంపోనెంట్ యొక్క కనీస బిట్స్ సంఖ్య.</td> </tr> <tr> <td>min-color-index</td> <td>పరికరం యొక్క ప్రదర్శించగల కనీస రంగుల సంఖ్య.</td> </tr> <tr> <td>min-height</td> <td>ప్రదర్శన ప్రాంతం యొక్క కనీస పొడవు, ఉదాహరణకు బ్రౌజర్ విండో.</td> </tr> <tr> <td>min-monochrome</td> <td>సింగిల్‌కలర్‌ (గ్రేస్‌) పరికరాలు వాటిలోని ప్రతి 'రంగు' యొక్క కనీస బిట్స్ సంఖ్య.</td> </tr> <tr> <td>min-resolution</td> <td>పరికరం యొక్క కనీస రిజల్యూషన్‌, dpi లేదా dpcm ఉపయోగించండి.</td> </tr> <tr> <td>min-width</td> <td>ప్రదర్శన ప్రాంతం యొక్క కనీస వెడల్పు, ఉదాహరణకు బ్రౌజర్ విండో.</td> </tr> <tr> <td>monochrome</td> <td>సింగిల్‌కలర్‌ (గ్రేస్‌) పరికరాలు వాటిలోని ప్రతి 'రంగు' యొక్క బిట్స్ సంఖ్య.</td> </tr> <tr> <td>orientation</td> <td>వీక్షణ ప్రాంతం యొక్క దిశ</td> </tr> <tr> <td>overflow-block</td> <td>అవుట్‌పుట్ పరికరం యొక్క బ్లాక్ అక్షం లో ఒక్కసారి ప్రస్థానించిన కంటెంట్‌ను ఎలా ప్రాసెస్ చేస్తుంది?（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>overflow-inline</td> <td>అవుట్‌పుట్ యొక్క ఇన్‌లైన్ అక్షం లో ఒక్కసారి ప్రస్థానించిన కంటెంట్‌ను స్క్రోల్ చేయగలరా?（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>pointer</td> <td>ప్రధాన ఇన్‌పుట్ మెకానిజం పాయింటర్ పరికరం కాదా? అయితే, దాని నిర్ధారణాత్మకత ఎంతటిది?<br>（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）.</td> </tr> <tr> <td>resolution</td> <td>అవుట్‌పుట్ పరికరం యొక్క రిజల్యూషన్‌, dpi లేదా dpcm ఉపయోగించండి.</td> </tr> <tr> <td>scan</td> <td>అవుట్‌పుట్ పరికరం యొక్క స్కాన్ ప్రక్రియ.</td> </tr> <tr> <td>scripting</td> <td>స్క్రిప్టింగ్ ఉపయోగించవచ్చు అని నిర్ధారించాలా (ఉదాహరణకు JavaScript)？（మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది）</td> </tr> <tr> <td>update</td> <td>మీడియా క్వరీసీస్ లెవల్ 4 లో జోడించబడింది.</td> </tr> <tr> <td>వెడల్పు</td> <td>వీక్షణ వెడల్పు వెడల్పు</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> ముంది పేజీ <a href="/te/jsref/api_history.html" title="JavaScript History API">API History</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/api_storage.html" title="జావాస్క్రిప్ట్ Storage API">API Storage</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="/te/jsref/index.html">జావాస్క్రిప్ట్ మరియు హెచ్టిఎమ్ఎల్ డామిన్ రిఫరెన్స్ మ్యాన్యువల్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript ఉదాహరణలు</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript పరీక్ష</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="గురించి CodeW3C.com">గురించి CodeW3C.com</a> <a href="/te/about/about_helping.html" title="సహాయం CodeW3C.com">సహాయం CodeW3C.com</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/about/about_privacy.html" title="గోప్యతా విషయం">గోప్యతా నిబంధనలు</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="పవర్డ్ చేసిన సీ4ఈ కం"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>