元スレ+ JavaScript の質問用スレッド vol.84 +

JavaScript覧

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで

101 = :

下記手順の４と５で結果が異なる理由と、
５にも変更を反映させるための方法（３のスクリプト）を教えて下さい。
IE6, FireFox3.6ともに以下結果となってます。

１．下記のような構成のページを作成し、
　 全てのページを表示してブラウザにキャッシュさせる。
２．default.cssの内容を変更する。
３．main1.htmlの中で location.reload(true)を呼び出す。
　 → default.cssに対する変更が反映される。
４．main2.htmlを表示（アンカータグクリック）する。
　 → default.cssに対する変更が反映される。
５．main3.htmlを表示（アンカータグクリック）する。
　 → default.cssに対する変更が反映されない。

main1.html（フレームなし）
　 default.css

main2.html（フレームなし）
　 default.css

main3.html（フレームあり）
　 frame1.html
　 　 default.css
　 frame2.html
　 　 default.css

102 = :

ヘッダにCache-Control: no-cache付けたらいいと思うよ

103 = :

>>102
すみません。記載が足りませんでした。
目的ですが、
通常はdefault.cssをクライアントキャッシュに格納し、
更新の発生したタイミングでキャッシュに反映しようとしてます。
フレームでないとできるのに、フレームだとできない状況です。

106 = :

>>105
>>3-5って入れとこうぜ

107 = :

続きはwebでみたく併用したらいいんじゃねの、

109 = :

多少 >>105 と変えたけどFAQ >>3-5 を9個に整理してみますた。
【主要FAQ】(全部はhttp://fiddle.jshell.net/vSqKr/13/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がそこまで読まれてない。onload中でやるとか。

114 = :

そうすると、改訂テンプレ案としては

>>1 >>2 >>109 >>6 >>7

の5ページ？ 現在の>>5 の後半はうるさいから無くてもいいかな。
リンク類 >>6-7 をもうちょっと整理できると嬉しいよね。

115 = :

>>6 の E4X (ECMAScript for XML)
これ何に使われてるのか分からない
Chrome, IE9でもサポートされてないし載せる意味あるん？

116 = :

>>6 はhttp://fiddle.jshell.net/vSqKr/13/show/ と重複しているから省略しようと思えば出来るが…。
そもそも、http://fiddle.jshell.net/vSqKr/13/show/ は使う方向でいいのか。散々、問題点が指摘されていたようだが。

118 = :

2,3は同期・非同期についてぐぐれ
1はようわからん。

119 = :

>>116
誰でも編集できるけどwikiと違って最新のものが表示されるわけではないから、荒らされても問題ないし>>62、
更新は過去ログ上げるほどの頻度でする必要もないし>>68、
装飾ができる、文字数を気にせず書けるからむしろ更新しやすいし、使いやすい
>>67は>>77で
>>70はブログか何かと勘違いしてるだけだし
ぶっちゃけどーでもいい

120 = :

もはや手段が目的化しとるな

121 = :

>>119
全くその通りだと思うが、なぜあの時にいってやらなかったんだ…。そういう俺も同罪だなｗ

122 = :

>>115
俺も意味がない気がする。
テンプレにのせるならhttp://es5.github.com/ に変更していいんじゃないかな。

123 = :

>>109
趣旨はわかるけど、FAQ は回答の手間を省くためだよね。
そのぐらいの量なら普通に回答しても手間が変わってない気がするんだけどどうだろう。
「別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。 」が「Q1 を嫁」に短くできるぐらいの変化しかない。
だったらいっそのことリンク集だけにした方がURLを探す手間が省けていいんじゃないかな。

124 = :

情報量もURLを貼った方が多い場合があるな。
A2 はhttp://developer.mozilla.org/ja/DOM/document.write を読んだ方がわかりやすい。

126 = :

前スレで質問させて戴いた事についてなのですが、また分からなくなりました。

変数名として使おうとするとエラーになる２バイトコードの記号が結構多く見受けられます。
使える場合と使えない場合の切り分けはどこにあるのでしょうか？

Example: FirefoxとIEで幾つか試した限りでは動作の可否は同じでした。
Δ=1;∠=1 // Pass
∇=1;∀=1 // Error: illegal character

前スレ
>438 Name_Not_Found sage 2011/02/06(日) 13:02:46
>トリッキー上等で質問させて下さい。
>（使用フォントはUTF-8で）
>変数名に２バイトコードを使えてしまうのは、偶然ですか？それとも必然ですか？

>439 Name_Not_Found sage 2011/02/06(日) 13:08:22
>2バイトコードが使えないなんて制限あった？
>日本語変数とかJS初心者講座サイトとかで昔からよく見てきたけど

>440 Name_Not_Found sage 2011/02/06(日) 13:11:57
>仕様http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/7_Lexical_Conventions.html#section-7.6

>441 Name_Not_Found sage 2011/02/06(日) 13:14:28
>仕様なんですか、ありがとうございました。

127 = :

>>126
既に 440 で答えが出ている気がするんだが…。
仕様は ES5 でも大して変わっていなかったと思う。http://es5.github.com/#x7.6
Unicode文字はhttp://www.unicode.org/Public/6.1.0/ucd/NamesList-6.1.0d1.txt を確認してみるといい。
加えて Unicode 3.0 も確認する。

128 = :

ここまでのテンプレまとめ。(>>123-125 は議論の余地がありそうなので保留)
http://codepad.org/PW2FFBIs

129 = :

乙。すっきりしてるね。

130 = :

個人的には、FAQ読まずに質問する奴にFAQは読めというため
だけにでも1レス分のFAQはあった方がいいと思っている。
でないと何人もが同じよくある質問してきていちいちそれに
回答することになる。FAQ読めというのはその一人だけに言って
いるわけじゃなく、そのレス付近を目にする複数の人に言って
いるんだと思うがいかが。

131 = :

>>128 1にはFAQとかへの安価があったほうがいいと思う

132 = :

ここって、Androidとかのタッチイベントを使う質問をしても大丈夫かな？

133 = :

大丈夫と思う。

134 = :

>>128
【質問を書く上で】 のアップロード先にhttp://fiddle.jshell.net/ も加えるといいかも。
ライブラリを使った検証で使いやすい。

135 = :

JavaScriptって定数宣言はどのように行うのでしょう？
Firefoxではconst修飾子で行うようですが
統一された定数の宣言方法はないのでしょうか？

136 = :

>>135
変数名を全部ラージで書くとか？

137 = :

どうでもいい突っ込みだけど「大文字」は「uppercase」で
largeじゃないよね。大文字をラージというカルチャーが
あるのかとびっくりしたのでつい。

138 = :

>>137
そういや、なんでupper/lowerなんだろうね。
upperならdowner、lowerならhigherが対語になりそうなのに。

139 = :

upper/downerには名詞として別の意味の反意語になっちゃうし。
メソッド名（動詞）としてupcase/downcaseはあるみたい。

lower-case/higher-caseでも意味は通じるみたい。
語源を考えるとhigherだと手が届かないくらい高そうで違和感。知らんけど。

140 = :

"caps"自体が"capital letters"の略で大文字という意味だが
（キーボードのCAPSキーを参照）、"large caps"でも同じく大文字を指す。

"case"はもともと印刷関係の用語かな？ 「活字ケース」のことを指すらしい。

なぜそこで相対的な「上下」関係を指す"upper/lower"が使われるのかは知らん。
活字セットを上下に分けて整頓するのが一般的だった、とかかも。

142 = :

http://www.kazuipress.com/tools/tool-3.html

143 = :

>>135
ES5 にはまだなかったと思う。"Future Reserved Words" にはあるからいずれ実装されるんだろうけど。
http://es5.github.com/#x7.6.1.2

IE9 が const を実装しなかったのは相互運用性に問題があったから。
http://blogs.msdn.com/b/ie/archive/2010/08/25/chakra-interoperability-means-more-than-just-standards.aspx
スタンダードな書き方は命名規則で縛る方法だろうね。
http://cou929.nu/data/google_javascript_style_guide/#id7

144 = :

>>128
A3, A5, A6 にIEのバージョンを記載した方がいいと思う。

145 = :

このコードを実行すると、見た目に変化はありませんが、selectタグが増殖します。firebugsで確認しました。
innerhtmlで出力したhtmlをすぐに変更することはできないのでしょうか。
sleepのコメントを外せば問題ありませんでした。sleep以外の解決策があれば教えてください。

<html>
<head>
<script type="text/javascript">
function todo(){
document.getElementById("tmp").innerHTML = "<select id=\"tar\"></select>";
// sleep(1);
var val = document.getElementById("tar");
val.disabled = true;
}
</script>
</head>
<body>
<span id="tmp"></span>
<input type=button value="button" onClick="todo()"/>
</body>
</html>

147 = :

>>145
> sleepのコメントを外せば問題ありませんでした。
ちょっと信じられないんだけど、コメントアウトされた sleep(1); が呼び出されるの？
コメントなんだからどっちにしても挙動が変わらないはずなんだけど…。

148 = :

>>145
Firefox3.6.13 で問題なかった。(DOCTYPE宣言を省いているのが気持ち悪いが)
http://jsbin.com/olope4/1

149 = :

JavaScriptでsleep()って無かったんですね。
勝手にあるものだと思って、コーディングしてました。
つまり、sleepの中身はないのですが、これで動いてます。
コメントを外すと、ボタンを押すたびにselectタグが増殖します。見た目は変化ないですが、内部的に増えていて、postで渡す際に支障があります。

150 = :

>>149
> sleepのコメントを外せば問題ありませんでした。
> コメントを外すと、ボタンを押すたびにselectタグが増殖します。

どっちが本当？
後者なら、>>148 の検証がまるっきり無駄だったことになる。

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript一覧へ

類似してるかもしれないスレッド

• + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
• + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
• + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
• + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
• + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
• + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
• + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
• + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
• + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
• + JavaScript の質問用スレッド vol.81 + (1001) - [97%] - 2010/12/10 20:01
• + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
• + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
• + JavaScript の質問用スレッド vol.134 + (1001) - [95%] - 2018/8/3 23:15
• + JavaScript の質問用スレッド vol.104 + (1001) - [95%] - 2013/1/28 4:00
• + JavaScript の質問用スレッド vol.124 + (1001) - [95%] - 2015/7/16 1:30
• + JavaScript の質問用スレッド vol.142 + (984) - [95%] - 2020/8/27 19:15
• + JavaScript の質問用スレッド vol.114 + (1001) - [95%] - 2014/5/3 10:45