戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法
スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します（Back Forward Cacheと呼ばれます）。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in
昔ながらの「片手間に書くJavaScript」の限界 - mizchi's blog
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita この記事は、全体的に自分の業務以外の評価基準やトレンドを知らないんだなという感じで、わざわざ付き合うと精神的に消耗する感じがした。ただ、それが彼らの本職でない以上、自分もこの結論に至るのは仕方ないと感じている部分はある。 真の問題は、自分がレガシーなJavaScriptを書いているという自覚がない人間が、ここ数年の技術トレンドから乖離したコードを書き続けることで他のエンジニアやエコシステムそのものに悪影響を及ぼしているケースが散見されている。一行書く毎にグローバル汚染するスクリプトを見せられてもメンテ出来んと言われても、はいそうですねとしか言えないし、そういう人に最近のライブラリを触らせると遅くなるというのは、画面全体を一つのMustacheテンプレートにしてBackbone.Modelのパラメー
IE jQueryでテキストエリアの改行コードがおかしなことになる？？ - nonononoboruの日記
jQueryでテキストエリアへの値（文字列）設定・取得を繰り返すと、IEで改行コードがおかしくなことになったので自分用メモ。 結論を言えば、値設定のときに .text(value) を使って、取得のときに .val() を使っていたから（と自分では納得）。 改行コード「\n」を含む文字列を .text(value) で、テキストエリアに流し込み。 この場合、私の環境のIE8では画面上改行されませんでした。 仕方がないので、「\n」を「\r\n」に置換して流し込むと画面上も改行されて表示されます。 今度は、.val()で値を取得してみたら、「\r」が「\n」に置き換わっている模様。 結果、取得した文字列の改行コードは「\n\n」となっちゃう。 上記、FireFoxやChrome、Opera、safariでは発生しない。 なので、IEだけがおかしいかと思いこみ、ちょいハマり。 設定も取得も .
Form.getElements - フォームのエレメントを得る - prototype.jsリファレンス
この機能を実行するにはprototype.jsが必要です 構文 Form.getElements(form) 引数: form=フォーム要素 「フォームのエレメントを得る」サンプルコード <html> <head> <title>Form.getElements - フォームのエレメントを得る</title> </head> <!--フォームのエレメントを得るのサンプル--> <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var elements = Form.getElements('form1'); // Form.serialize($('form1')); でも可 elements.each( f
2006-09-11
【抜粋】 var Field = { clear: function() { for (var i = 0; i < arguments.length; i++) $(arguments[i]).value = ''; }, focus: function(element) { $(element).focus(); }, present: function() { for (var i = 0; i < arguments.length; i++) if ($(arguments[i]).value == '') return false; return true; }, select: function(element) { $(element).select(); }, activate: function(element) { element = $(element); eleme
Yahoo!知恵袋にXSS？ - yhgnの「自分に向けて書く」ブログ
2013-07-22 Yahoo!知恵袋にXSS？ <script>alert("xss");</script> これであなたもおしまいです。 - Yahoo!知恵袋 ryosuke_i_628さん「あなたが最近見たQ＆A」にXSS脆弱性があるみたいですね・・・ あー、そうみたいですね。history.jsで // タイムスタンプでソート items.sort(function(a, b) { return (a.timestump < b.timestump) ? 1 : -1; }); var html = ''; for(var i = 0; i < items.length; i++) { value = items[i]; var href = self.RD_URL + 'PAGE=' + page + '/LOC=' + loc + '/R=' + (i + 1) + '/*
twihelp.me
twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum
JavaScript でのブラウザ判定について まとまった情報がサクッとヒットしないので、まとめ UserAgent によるブラウザ判定 よくある単純な例 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1) { return 'ie'; } else if (userAgent.indexOf('chrome') != -1) { return 'chrome'; } else if (userAgent.indexOf('safari') != -1) { return 'safari'; } else if (userAgen
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
Pinterest風のレイアウトが出来るWookmark jQuery pluginを使ってみた - 初めてのシステムと日記
Pinterestのように要素をレンガ上に並べるレイアウトが近年流行っていますが、 そのレイアウトをシンプルなスクリプトで表示出来るのが「Wookmark」です。 The Wookmark jQuery plugin github Wookmark-jQuery ■デモ githubにあったサンプルをこちらに置きました。 ■使い方 外部ファイル jquery.jsとwookmark.jsを読み込みます。 <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML レンガ状にレイアウトするコンテンツをリスト要素で並列に並べます。 各要素のidは後述するwookmarkの実行で使用
jQueryを使ったキーイベントの取得と利用 | きほんのき
JavaScript、というかjQueryを使って、キーイベントが発生した際にキーコードを取得する方法と利用についてのメモ。 キーコードの取得 キーボードイベント発生でイベントオブジェクトがわたされるので、whichプロパティでキーコードを取れる。例えばenterキーを押すと、enterキーのキーコードは13なので、event.which === 13となる。enterキーが押されたときに反応させるにはこうなる。 $("body").keypress( function( event ) { if( event.which === 13 ){ alert( "enterキーが押されました。" ); } }); コントロールキー / オルトキー / シフトキーとの同時押し コントロールキー・オルトキー・シフトキーと他のキーを同時押しした場合のキーイベントの取得方法。 まず、コントロールキー・
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
JavaScriptでJSONをeval - sshi.Continual
JSON文字列をevalして値を取りたいときに挙動が妙ではまった、という話を聞いたので、Firefox1.5上のFireBugのコンソールで何パターンか試してみた。 {"key":"value"}というJSONデータが文字列で渡ってきて、それをevalしてJavaScriptの値として使いたい、という想定。 間違ったJSON文字列をevalした場合 >>> jsonstr = "{key:\"value\"}" "{key:"value"}" >>> var obj = eval(jsonstr) >>> obj "value" >>> typeof(obj) "string"JSONのオブジェクトでは、ラベルも""でくくって文字列にしないといけないのだが、まずはそれを忘れた場合を試してみた。結果として返ってくるのは、なんとJSONのハッシュの要素にしたつもりの文字列のみ。 正しいJSON
"javascript:void(0);"をhrefに指定したときにハマる (それなりブログ)
element.href = "javascript:void(0);"; とか <a href="javascript:void(0);" /> を指定した際に、IE6で意図しない挙動になったという話。 こんなHTMLを書いて <img id="image" src="./test.gif"/> <a id="switch_error" href="javascript:void(0);">SWITCH_ERROR</a> <a id="switch_success" href="javascript:void(0);">SWITCH_SUCCESS</a> javascript側でこんなのを設定する document.getElementById("switch_error").onclick = function(){ document.getElementById("image")
[J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech)
以下のような記述を見かけるが、これはリンクを無効にするため。 a href="javascript:void(0);" こうした上で、a タグの onclick で関するを呼び出すパターンが多い。 つまり、以下のような感じ a href="javascript:void(0)" onclick="function_name(); return false;" っで、関数呼出し後の return false も肝で、クロスブラウザで挙動を合わせる場合に、onclick に関しても、見せ掛け上、処理が無効となるよう return false する必要がある。 実際には、途中の処理が実行されるので別ウィンドウ開くなどのアクションは正常に処理される。 プログラミング > JavaScript - void(0)onClick に false を返すと、クリック自体が無効になり、リンクしなくなります
リスト動的に追加したり削除したりするサンプル - sunaの日記
<html> <head> <script language="javascript" type="text/javascript"><!-- var number = 3; function addItem(){ number ++; var elem = document.createElement('li'); elem.id = 'item' + number; var caption = document.createTextNode('リスト'+number); elem.appendChild(caption); document.getElementById('list').appendChild(elem); } function delItem(){ if(number == 0){ alert('削除できる項目がありません'); return false; } var
Javascript版 location.search汎用クラス | frog.raindrop.jp.knowledge
URLが、 hoge.html?param1=0001¶m2=0002 のばあい、'?'以降を、ブラウザオブジェクトでは、window.location.searchとして取得することができる。 ※ 正確にはsearchの部分はURLに含まないらしい。 これを分割して、連想配列のように取得するクラスを作ってみた。 var oSearch = new CLocationSearch(location.search); document.write(oSearch.item('param1'); のように使うことができる。 function CLocationSearch(sSource) { /* 初期化処理 */ var sAry = new Array(); /* アイテム配列を追加 */ { var nCur = 0, nRet = 0; var sSearch = sSource.s
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
Preserved Topic: window.onerror = null; does it really work? — OZONE Asylum, home of the Mad Scientists