元スレ+ JavaScript の質問用スレッド vol.104 +
JavaScript覧 / PC版 /みんなの評価 :
1 = :
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。(なりすまし及び煽り防止のため)
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
3 = :
■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。
6 = :
あれれ、失礼しました。探したんだけど急いでたもので、、、
7 = :
1乙
9 = :
ブログやってる奴はまずhtmlからやってこい
Javscriptも入門で、htmlは中学生が1日で扱えるようになる程度だが
ブログはそれ以前
10 = :
1日で扱えるっつっても、それが業務レベルで即戦力になるかどうかは別。
12 :
ありがとうございます!
出来ました!
13 = :
つまりブログやってる奴の知識とかそういうのは
中学生の一日に劣るって事だろ
<html></html>の部分だけで超える事ができるが
14 = :
ブログって一番上まで戻るスクリプト配布されてから設置してる奴多いけど
要素の位置の取得とか、戻る前の位置を変数に格納する事が出来なくて上に戻るだけになってるのは笑える
15 = :
HTMLを1日で覚えた中学生にページ作らせてもWeb黎明期の簡素でレガシーなんができるだけ
16 = :
学校でパソコン使ってる時無限アラートでハッカーを自称してた思い出
17 = :
ここもゆとりが多くなったなぁ
平成生まれも今じゃ社会人か・・・
口だけは達者でまったく役に立たない事を自覚しておけ
18 = :
俺ゆとりだけどブロガーはカスだと思ってます
19 = :
言われたことだけやる平成生まれの性格は
デジタルドカタに最適。
反骨心がなければ、ただの害獣ではなく
歯車の1つにはなるだろう。
へたに主体性を持っても反骨心しか出ないよ
20 = :
>>19
40代の俺が言う
ゆとりは自由にやらせればプログラミングで遊ぶ
俺の世代は遊べと言われても遊ばない
若さ故かもしれないが、これからの柔軟な発想が必要な時代には適してる
21 = :
プログラミングってパズルぽい楽しさがあると思うけどね。
割といい遊びでもあるんじゃない?
22 = :
っていうかいつの時代でも
・趣味でプログラミングやってる奴
・大学で学んで就職してから本格的にやる奴
この二通りだ
趣味でやってる奴は知識がクソ深いし、HTML5が出てきた時も真っ先に飛びついて色々調べる
んだけど就職してからプログラミング必死に学んだ奴は何があってもそんな事はしないで仕事に必要な事しか身につけない
一生データベースに触れる事も無いだろう
富士通だろうが東芝だろうが福島原発だろうが後者の奴は後者のまま
師曰く「之を知る者は之を好くものに如かず、之を好くものは之を楽しむものに如かず」
23 = :
エロの為。これが全て。
24 = :
>>23
そういや、友人Kは児童ポルノを収集するためにjavascriptとphpで
画面遷移しない児ポ画像掲示板作ってたな
いつの間にかオレよりjavascriptとphpが詳しくなってしまった友人Kだった
25 = :
脱衣麻雀の為に麻雀のルールとか勝ち方めっちゃ学んでた奴居たな
26 :
まだ動画とかなかった頃
効率良くエロ画像を収集するためのプログラムを沢山作ったなー
もはや手段が目的を凌駕していたと思う
27 = :
個人サイトでbmp上げたらキレられ
javascriptもあったらキレられた思い出
たった10年で良い時代になったもんだな
あと10年経過したらネットはリアルタイム的なものになると予想してる
node.jsみたいな
28 = :
次の目標は嫁ロボ。
29 = :
>>28
これだから平成は。。。
せいぜいArduinoのシールド合体させて頑張りなよw
31 = :
76年ならPIC16f84が使い慣れているか
32 = :
昭和最後の63年生まれのゆとり世代のオレ登場
当時小学1年でwin95が初めて触ったパソコンだった。
95の時代ってJavascriptって当時なかったよな?
ほとんど覚えてないけど。
34 = :
思い出話はもういいよ
35 = :
javascript勉強しはじめた小4のときはまだajaxとか登場してなくて
フォームの入力チェックと装飾くらいにしか使われていない時代だったから
いまだに今風のjavascriptの使い方に馴染めない
例えば配列をnew Array()じゃなくて[]で表現しちゃうとことか
無名関数を多用することとか
jqueryとか
36 = :
ベーマガスレで当時好きだったゲームのことを語ったら、
数ヵ月後に作者が現れたのは嬉しかったな
37 = :
ベーマガって懐かしいな
そんなスレがあるなんて知らなかった
もしかしてI/Oスレとかもあったのかな
38 = :
>>35
同じだわ。何か取り残された感じだけど、困っていないのが現状。
Perlとかはモジュールバリバリ使っているんだけど、なんかJavaScriptは自分でゴリゴリ書いてしまう。
39 = :
配列の長さが決まってる場合は、[] よりも new Array() の方が有効なんじゃない?
41 = :
>>39
何がどう有効なのか教えて
42 = :
>>41
長さが決まってれば、引数にその長さが適応できるから、たとえば
var tmp = new Array(5);
for (var i = 0; i < 5; i++) {
tmp[i] = "hoge";
}
みたいにすれば、push を使わなくても配列に値を代入できるから
パフォーマンスが上がるかなと…。
43 = :
そうですね()
44 = :
これは為になった
45 = :
えっ
46 = :
2レスしか持たなかったか
48 = :
作成だけならnew Arrayより[]の方が速い
あと、a[a.length] = value; より a.push(value); の方が速い
ただ、配列の長さが決まってるなら >>42 も正しい。
http://jsperf.com/d-y-y-fs-fdsdsfdsfdsf
http://jsperf.com/array-literal-vs-new-array
49 = :
おかしいなあ、洩れの使ってるブラウザがおかしいの?
<!DOCTYPE html><html><head><title>???</title><body>
<pre><script type="text/javascript">
var t0 = new Date().getTime();
for(var i = 0; i < 1000; ++i) {
var a = new Array(10000);
for(var j = 0; j < 10000; ++j) { a[j] = j; }
}
var t1 = new Date().getTime();
for(var i = 0; i < 1000; ++i) {
var a = [];
for(var j = 0; j < 10000; ++j) { a.push(j); }
}
var t2 = new Date().getTime();
for(var i = 0; i < 1000; ++i) {
var a = [];
for(var j = 0; j < 10000; ++j) { a[a.length] = j; }
}
var t3 = new Date().getTime();
document.writeln((t1-t0) + ", " + (t2-t1) + ", " + (t3-t2));
</script></pre></body></html>
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.144 + (288) - [97%] - 2020/5/17 20:00
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.134 + (1001) - [97%] - 2018/8/3 23:15
- + JavaScript の質問用スレッド vol.124 + (1001) - [97%] - 2015/7/16 1:30
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.122 + (116) - [95%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.122 + (1004) - [95%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
トップメニューへ / →のくす牧場書庫について