Chrome内でのJSの挙動の違い - WriteCodeEasy
また椅子で寝落ちしててこの時間です。おはようござまーす 作ってほったらかしてたJustResizeを修正してたのですが 前からちょっと気になっていた点があるので列挙してきます。 window.onloadのタイミング 通常onloadはHTML内の文章を読んだあとに画像を読み込み、そのあとに実行される。 以下のサンプルだと次の画像のようになる。 <html> <head> <title>test</title> <script type="application/javascript"> window.addEventListener("load", function() { alert("loaded"); }, false); </script> </head> <body> javascript sample </body> </html> ちゃんと文章が表示されたあとにアラートが出
JavaScript における 3 つの for 文
1. for – 配列の要素を添字で順に参照 配列の要素を添字で順に参照する for 文。 for - JavaScript | MDN 例えば、「HTML の全 A タグを取得して、その内容を出力」する場合、以下のように書く。 anchors = document.getElementsByTagName('a'); for (var i=0; i<anchors.length; i++){ console.log(anchors[i]) } 試しに `for each...in - JavaScript | MDN’ のページで、上記の文を Firebug のコンソールで実行する。結果は以下の通り。 <a href="#pageContent"> <a href="#searchInput"> <a title="メインページへ" href="/"> <a id="toolslink"
Ted's Mozilla page - Extension Developer's Extension
The Extension Developer's Extension exists to make life easier for Firefox extension developers. Testing JavaScript code, prototyping XUL layouts, and building XPI packages are all made easier by this extension. Install it and try it out! Extension Builder Build your extension's package (jar and xpi files), as well as install your working directory as an extension for development. Now provides mos
Vim で JavaScript の e4x をハイライトする - 永遠に未完成
~/.vim/syntax/javascript.vim syn include @javaScriptXML syntax/xml.vim syn region javaScriptE4X matchgroup=xmlTag start="<\z(\k\{-}\)>" end="</\z1>" contains=@javaScriptXML unlet! b:current_syntax start= の部分をわざわざ \k にしてるのは、マルチバイト文字もタグ名として認識させたかったため。何か問題があるようなら \w あたりを使えばいい。 b:current_syntax の扱いがこれで正しいのか微妙。とりあえずちゃんと動く。 タグの閉じ忘れとかがあるとちゃんとハイライトが終わらないので、チェックにも便利かも。
URI - 素人がプログラミングを勉強していたブログ
locationと同じように使えるURIコンストラクタ。new URI("http://example.com/foo?q=bar#qxx").searchのように使う。 function URI(uri) { uri = String(uri); var parser = /^([^:/?#]+:)?\/\/(([^/?#:]*):?(\d*))?([^?#]*)(\?[^#]*)?(#.*)?$/; var m = uri.match(parser); if (!m) throw new URIError("malformed URI given"); this.href = m[0]; this.protocol = m[1] || ""; this.host = m[2] || ""; this.hostname = m[3] || ""; this.port = m[4] ||
jQuery plugin: ‘autoResize’ - James Padolsey
I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably t
クリックジャッキング対策 - IT戦記
var allowed = false; if (parent != window) { // 自分がフレーム内なら document.addEventListener('click', function(e) { if (!allowed && confirm('クリックジャック？')) { e.stopPropagation(); e.preventDefault(); } }, true); } window.addEventListener('message', function(e) { if (e.origin == 'http://example.com/') { // example.com からは許可 allowed = true; } }, true); とかじゃダメかに？既出？ http://internet.watch.impress.co.jp/cda/news/
ブログなんだよもん - JavaScriptのすごくつまづきやすいところ - 別解
bingoの書いてる「JavaScriptのすごくつまづきやすいところ」は確かにつまづきやすい。 bingoはこれをfunctionで括ることで回避してるけど、クロージャが単なる関数オブジェクトじゃなくてクロージャたるゆえん、すなわちスコープが閉じているという特性を利用すると、もうちょっと安全に関数やメソッドを定義できる。というわけで、以下のような別解を紹介。 setTimeoutにthisを渡せない var c = { name : 'bingo', func : function(){ alert(this.name) } }; setTimeout(c.func, 100); これは、かなり良くやちゃうコードでthisが静的スコープじゃないのが問題。解決方法としてbingoが例に書いてるように var c = { name : 'bingo', func : function(){
javascript - new Hash(); // Object はHashじゃないから : 404 Blog Not Found
2009年02月26日10:30 カテゴリLightweight Languages javascript - new Hash(); // Object はHashじゃないから 困ったことに、JavaScriptのオブジェクトは、「ほとんどハッシュ」ですが「完全にハッシュ」ではありません。 以下、盛り上がっているPREは押すと中身が実行されるデモになってます。 オブジェクトをハッシュテーブルとして使う場合に注意すべき事 - 素人がプログラミングを勉強するブログ keyがObject.prototypeに登録されているメンバ名だった時(例えば"hasOwnProperty"や"propertyIsEnumerable")、in演算子がtrueを返して失敗する。 /* should be false but true */ alert('hasOwnProperty' in {}); has
オブジェクトをハッシュテーブルとして使う場合に注意すべき事 - 素人がプログラミングを勉強していたブログ
javascripter's gist: 64615 — Gist をテストしている時に気がついたこと。 最も一般的な var hashtable = {}; var key = "foo"; if (key in hashtable) { // has key } hashtable[key]; // lookup hashtable[key] = "bar"; // add は、keyがObject.prototypeに登録されているメンバ名だった時(例えば"hasOwnProperty"や"propertyIsEnumerable")、in演算子がtrueを返して失敗する。 次に、hasOwnPropertyを使ってプロトタイプチェーンを辿らないようにする方法。 var hashtable = {}; var key = "foo"; if (key.hasOwnProperty(k
教科書に載らないWebアプリケーションセキュリティ 第1回 ［これはひどい］IEの引用符の解釈 − ＠IT
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます（編集部） 小さな話題が面白い 皆さん、はじめまして。はせがわようすけと申します。 「教科書に載らないWebアプリケーションセキュリティ」ということで、Webアプリケーションのセキュリティに関連する、普段あまり見掛けないような小さな話題を取り上げていきたいと思います。 セキュアなWebアプリケーションを実現するために、開発者の方だけでなく、Webアプリケーションの脆弱性検査を行う方々にも読んでいただきたいと思っています。重箱の隅を楊枝でほじくるような小さな話題ばかりですが、皆さんよろしくお願いします。 さて第1回は、Internet ExplorerがHTMLを解釈する際の引用
Jesse's Bookmarklets Site
Bookmarklets Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser. To use a bookmarklet from this site on another web page: 1. Drag the bookmarklet (e.g. zoom images in or zap colors) to your Bookmarks Toolbar or Links Bar. 2. While viewing a page you want to use the bookmarklet on, click the bookmarklet from your Bookmarks Toolbar. Bookmarklet cate
Rules for Bookmarklets
As you can see, Explorer 6.0 can only handle up to 508 characters, and Explorer 6.0 SP2 is even worse with max 488 characters! Explorer 7.0 appears to amend the situation with a maximum of 2084 characters. In other words: If you want to be sure your bookmarklet runs in Explorer 6.0, it must be maximum 488 characters. For advanced bookmarklets you may find that this is just not possible.
Ecma-262.pdf (application/pdf オブジェクト)
ECMAScript® 2025 language specification 16th edition, June 2025 This Standard defines the ECMAScript 2025 general-purpose programming language. Kindly note that the normative copy is the HTML version; the PDF version has been produced to generate a printable document. This 16th edition has been prepared under the Ecma RF patent policy. Please note that for ECMAScript Edition 4 the Ecma standard nu
PHP - 以外の言語でPHPのsortを実装してみる。 : 404 Blog Not Found
2009年02月27日17:00 カテゴリLightweight Languages PHP - 以外の言語でPHPのsortを実装してみる。 案外笑い事じゃないかも。特にJavaScript! PHPのsort関数は相当おかしい - hnwの日記 なんと、同じ要素を持つ配列をソートした結果が異なっています。こちらはまだいい具合にわざとらしいけど.... Perl [Run via CodePad] #!/usr/local/bin/perl use strict; use warnings; eval { # try Scalar::Util::looks_like_number() require Scalar::Util; Scalar::Util->import('looks_like_number'); }; if ($@) { # use regexp if not avail
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
call()を使うと幸せになれた - maru source
少し前にGreasemonkeyを書いてるときにはまったところがあります。 addEventListenerした関数を手動で呼び出せなくて困ったのです。詳細は以下の日記で。 グリモンを書いてるときにはまったところ - maru source call() で、今日id:mollifierさんから「call()を使うと良いよ」というコメントを頂、mozillaのURLを教えてもらったので早速読んでみました。 https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Function/call var result = fun.call(thisArg[, arg1[, arg2[, ...]]]); thisArg Determines the value of this inside fun.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blog.8-p.info/2009/03/textfield-js
Under Translation of ECMA-262 3rd Edition
Userscripts.org: Power-ups for your browser