JavaScript(js)でマウスドラッグスクロール(mouse drag scroll)が可能なリストを実現する【listmousedragscroll.js】スマートフォンのようになぞるようにしてスクロールができるjQueryPluginです。一行でマウスドラッグによるスクロールが可能なリストが実現…

結論 JavaScriptに静的変数を定義するキーワードはない。staticはクラス内メソッドを静的メソッドとして定義するキーワードである。 しかし、JavaScriptで静的変数(独自)を実装する方法はある模様。 参考文献 developer.mozilla.org developer.mozilla.org …

正規表現によるHTMLタグのみの抽出 属性の取得を行わないHTMLタグのみを抽出する正規表現です。 str.match(/<([\w]*?>|\/[\w]*?>|[\w]* |\/[\w]* )/g) <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> </li></ol>

複数の文字列を同一の文字列に置換する 複数の文字列をそれぞれ別の文字列に置換する 複数の文字列を同一の文字列に置換する 例 「apple,banana」を「cucumber」に置換する。 var str="apple2 banana3 orange8 cucumber0" str=str.replace(/(apple)|(banana)…

JavaScript - コピー方法 DEMO 入力欄 入力欄以外 コード 例 PC・スマホでJavaScriptを使用してクリップボードにHTMLのテキストをコピーする方法です。 JavaScript - コピー方法 DEMO 入力欄 textarea sample text 112358130000000 copy copy 貼り付け用 入…

navigator プロパティ一覧(2019/6/20時点の標準のみ) 実際の値 ブラウザ情報 デバイス情報 使用例 navigator.userAgent navigator.onLine navigator navigatorオブジェクトは、ブラウザの情報やデバイスの情報を取得することができます。 ・ブラウザ情報 ブ…

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

navigator.userAgent 使用方法 効果 navigator.userAgent navigatorオブジェクトのuserAgentプロパティを使ってデバイスの判断をします。 userAgent userAgentでは、ブラウザのユーザエージェント情報を取得することができます。 ユーザエージェント情報には…

try catch文 使用方法 catch finally 効果 try catch文 try{}catch(error){} 使用方法 tryのカッコ内にテストしたい(エラーになる可能性がある)文を入れ、catchのカッコ内にはtryに入れた文がエラーとなったときに処理させる文を入れます。 try：通常処理 ca…

Stringオブジェクトのsubstr()メソッドを使った、文字列の文字数操作です。 使用方法 ストリング変数.substr(開始位置,抜き出す文字数) ※引数が一つだけの場合は、それを開始位置と判断しそれ以降の文字列を抜き出します。 <script> var str="123456789" var str2=st…

URLを取得する ・URLすべてを取得 let url=location.href console.log(url)//"https://www.it-the-best.com/" ・ドメイン(FQDN)後の文字列(パス名)を取得 let path=location.pathname console.log(path)//"/" 画面を判断する ・パス名で判断する場合 当サイ…

locatoin locationオブジェクトを使用すれば簡単にURLの情報を取得できます。 プロパティ一覧 location.href location.protocol location.host location.hostname location.port location.pathname location.search location.hash location.origin 当画面のU…