レスポンシブウェブデザインでサイト作成をする際に、場合によっては使うことになるかも知れないJavascriptで画面サイズ指定に応じたjavascriptを読み込む条件分岐です。 <script type="text/javascript"> jQuery(document).ready(function($) { //PC環境の場合 if (window.matchMedia( '(min-width: 769px)' ).matches) { //切り替える画面サイズ $.ajax({ url: 'js/pc.js', dataType: 'script', cache: false }); //モバイル環境の場合 } else { $.ajax({ url: 'js/sp.js', dataType: 'script', cache: false }); }; }); </scrip
![レスポンシブサイトに使える!画面サイズで読み込むJavascriptを切り替えるjs](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad296e2921ccaa9f0a4b71298c360dc7c2e82aaa/height=288;version=1;width=512/https%3A%2F%2F10-plate.com%2Fwp-content%2Fuploads%2F2020%2F10%2Fresponsive.png)