「JavaScript」即時実行関数をするサンプル
書式
(function () {
処理コード
})();
使用例
「JavaScript」slice()で文字列の一部を取得するサンプル
書式
文字列.slice(位置,マイナス数値)
使用例
「JavaScript」removeAttributeで属性値を削除する
書式
element.removeAttribute(attrName);
Element の removeAttribute() メソッドは、指定された名前の属性を要素から削除します。
パラメータ attrN ...
「Javascript」hasAttributeで属性値があるか確認するサンプル
書式
var result = element.hasAttribute(attName);
result : true または false の戻り値を保有
attName : 属性の名前を表す文字列を指定 ...
「JavaScript」padStartメソッドで頭0をつけるサンプル
書式
文字列.padStart(文字列の長さ);
使用例
「React入門」インラインスタイル(Inline style)を指定するサンプル
サンプルコード
<div id="example"></div> <script type="text/babel"> var cftStyle = { fontSize: 100, colo ...[JavaScript]style.opacityで要素の透過率を変更する
方法
style.opacityを使用し透過率を変更する
サンプルコード
方法style.opacityを使用し透過率を変更するサンプルコードJSコード<script>function Chang ...「ajax」XMLHttpRequestのonloadイベントを利用する
onload
受信が成功した時に呼び出されます
方法1
xhr.onload = function() {
//処理コード
}
方法2
xhr.onreadystatec ...
「ajax」XMLHttpRequestのonreadystatechangeイベントを利用するサンプル
readyState
値 定数 状態
0 UNSENT XHRオブジェクトの作成後
1 OPENED open()メソッドの呼び出し後
2 HE ...
「Vue.js」v-bind:class の使い方
サンプルコード
<style>.classA{ background: #444; color: #eee;}</style><script src="vue.min.js"></scr ...「JavaScript」getYear() のサンプル
サンプルコード
<script type="text/javascript">var cft = new Date("July 21, 1993 01:15:00")document.write("年: " + cf ...「Laravel入門」exists()とunique()を利用するサンプル
1.exists()
'email' => ,2.unique()
'email' => ,json形式の文字列をオブジェクトに変換する
サンプル
var cft = JSON.parse(‘{“country”:”日本”}’);
document.write(cft.country ...
JSON.stringify()でオブジェクトをjsonの文字列に変換
サンプル
var str = JSON.stringify({key1: “tokyo”, key2: “yokohama”,key3: “kawasaki̶ ...
JavaScriptでcookieを削除するサンプル
JSコード
function cookieDelete(key){ var dt = new Date(); var cft = key + "=;expires=" + dt.toGMTString(); document.c ...ユーザーエージェントでスマホやタブレットを判別するサンプル
サンプルコード
var cft = navigator.userAgent; if (cft.indexOf('iPhone') > 0 || cft.indexOf('Android') > 0 && ...「JavaScript入門」window.navigator.userAgentでブラウザを判定するサンプル
JSコード
var varUsrAgt = window.navigator.userAgent.toLowerCase();if(varUsrAgt.indexOf('msie') != -1 || userAgent.ind ...「JavaScript入門」forEachで配列、オブジェクトの要素を操作するサンプル
1.配列の要素を取得
var employess = ; employess.forEach(function( item ) { console.log( item );});2.オブジェクトの要素を取得
var ...