JavaScript– category –
-
Swiperの使い方
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <!-- Slider main container --> <div class="s... -
【JavaScript】HTMLを挿入する
let h = document.querySelector("#xxx"); h.append(this.responseText); // HTMLが文字列として出力される let h = document.querySelector("#xxx"); h.insertAdjacentHTML("afterbegin", this.responseText); 参考:https://developer.mozilla.org/ja/do... -
【JavaScript】AJAX(非同期通信)の使い方
JavaScriptでAJAX(非同期通信)の使うには、JavaScript APIの1つであるXHR (XMLHttpRequest)を利用します。 function reqListener() { console.log(this.responseText); } const req = new XMLHttpRequest(); // オブジェクトの作成 req.addEventListener... -
【JavaScript】即時関数(IIFE)の書き方
即時関数(IIFE→Immediately Invoked Function Expression) (function () { // … })(); (() => { // … })(); (async () => { // … })(); 参考:https://developer.mozilla.org/en-US/docs/Glossary/IIFE 補足:自己実行無名関数 参考:https://developer.... -
【Chrome】JavaScriptを無効にする
ディベロッパーツールを開く 設定(歯車アイコン)を開く デバッガ欄にあるJavaScriptを無効にするにチェックを入れる -
【JavaScript】Promiseの使い方
function doSomething() { return new Promise((resolve, reject) => { resolve("WWW"); }); } function doSomething2() { return new Promise((resolve, reject) => { reject("XXX"); }); } doSomething().then((data) => { console.log(data); // WWW })... -
【JavaScript】Canvasで画像が表示されない
ctx.drawImage( img, WIDTH, HEIGHT, IMG_WIDTH, IMG_HEIGHT ); img.onload = function () { ctx.drawImage( img, WIDTH, HEIGHT, IMG_WIDTH, IMG_HEIGHT ); }; -
JavaScriptでウィンドウが開かない
ウィンドウが閉じていても、windowオブジェクトが残っている時がある。 if (windowObj != null && windowObj.closed) { windowObj = null; } -
JavaScriptでcanvasの高さ・幅を指定する
let canvas = document.querySelector("#Canvas"); canvas.width = 600; canvas.height: 500; <canvas id="Canvas"></canvas> 以下が属性スタイルとして指定される。 canvas [属性スタイル] { aspect-ration: auto 600/500; } -
JavaScriptでURLパラメータ(GET値)を取得する方法
let url = new URL(window.location.href); let params = url.searchParams; let value = params.get('key'); let params = new URLSearchParams(document.location.search); let value = params.get('key'); https://developer.mozilla.org/ja/docs/Web/A...
12