タグ

ブックマーク / bl6.jp (2)

  • JavaScriptのlocation.searchでクエリ情報を取得してみる – bl6.jp

    JavaScriptで、現在のページのクエリ情報(URLの末尾にある「?〜」)の文字を取得したい場合はlocationオブジェクトのsearchを使えば取得することができます。locationオブジェクトにはsearch以外にもhrefやhostNameといった便利なものがあります。ということでメモがてらエントリーしておきます。 こんな感じで使うことができます。以下はURLが「http://example.com/example.html?aa=sample」だった場合です。 var a = location.search; document.writeln(a); // 実行結果 ?aa=sample ただこれだと値に日語などが含まれているとエンコードされてしまうのでdecodeURIComponentで取得した値をデコードしておくといいかもです。 var a = decodeURIC

    JavaScriptのlocation.searchでクエリ情報を取得してみる – bl6.jp
    heatman
    heatman 2016/10/19
  • jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方 – bl6.jp

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方です。レスポンシブWebデザインにも活用できるので覚えておくと役立つかと思います。例えば、画面幅が500px以下の場合にだけ適用したいといったことがjQueryを使えばとても簡単にできるので便利ですね。 width()を使う ウィンドウサイズを取得するにはwidth()を活用していきます。以下は500px以下の場合、文字が赤に変わる例です。 <script> $(function() { var w = $(window).width(); var x = 500; if (w <= x) { $('#sample').css({ color: 'red' }); } }); </script> HTML <p id="sample">サンプル</p> ただし、これだと画面を読み込んだ時点でのサイズで判定されるので、読

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方 – bl6.jp
    heatman
    heatman 2015/03/24
  • 1