私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.84 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
下記手順の4と5で結果が異なる理由と、
5にも変更を反映させるための方法(3のスクリプト)を教えて下さい。
IE6, FireFox3.6ともに以下結果となってます。
1.下記のような構成のページを作成し、
全てのページを表示してブラウザにキャッシュさせる。
2.default.cssの内容を変更する。
3.main1.htmlの中で location.reload(true)を呼び出す。
→ default.cssに対する変更が反映される。
4.main2.htmlを表示(アンカータグクリック)する。
→ default.cssに対する変更が反映される。
5.main3.htmlを表示(アンカータグクリック)する。
→ default.cssに対する変更が反映されない。
main1.html(フレームなし)
default.css
main2.html(フレームなし)
default.css
main3.html(フレームあり)
frame1.html
default.css
frame2.html
default.css
5にも変更を反映させるための方法(3のスクリプト)を教えて下さい。
IE6, FireFox3.6ともに以下結果となってます。
1.下記のような構成のページを作成し、
全てのページを表示してブラウザにキャッシュさせる。
2.default.cssの内容を変更する。
3.main1.htmlの中で location.reload(true)を呼び出す。
→ default.cssに対する変更が反映される。
4.main2.htmlを表示(アンカータグクリック)する。
→ default.cssに対する変更が反映される。
5.main3.htmlを表示(アンカータグクリック)する。
→ default.cssに対する変更が反映されない。
main1.html(フレームなし)
default.css
main2.html(フレームなし)
default.css
main3.html(フレームあり)
frame1.html
default.css
frame2.html
default.css
ヘッダにCache-Control: no-cache付けたらいいと思うよ
>>102
すみません。記載が足りませんでした。
目的ですが、
通常はdefault.cssをクライアントキャッシュに格納し、
更新の発生したタイミングでキャッシュに反映しようとしてます。
フレームでないとできるのに、フレームだとできない状況です。
すみません。記載が足りませんでした。
目的ですが、
通常はdefault.cssをクライアントキャッシュに格納し、
更新の発生したタイミングでキャッシュに反映しようとしてます。
フレームでないとできるのに、フレームだとできない状況です。
FAQの整理案を作ってみたのでご意見を。
Q1、Q2→統合(似た内容なので1つで書けるかと)
Q3→削除(そんな質問めったにないし説明も簡単)
Q4→短く(クリアされることまで言えば十分)
Q5、Q6→統合(関連した内容なので1つで書けるかと)
Q9→削除(あまり無い質問だと思う)
Q10→残す
Q11→削除(あまり無い質問だと思う)
Q12→短く(今ならXHRでぐぐれで十分では)
Q13→短く(複数呼びたいとかは不要ではないかと)
Q14→循環参照リーク云々を削除して短く
Q15→削除(あまり無い質問だと思う)
Q16→残す
Q17→残す
これで9項目1レスにできないかなと。いかでしょ。
Q1、Q2→統合(似た内容なので1つで書けるかと)
Q3→削除(そんな質問めったにないし説明も簡単)
Q4→短く(クリアされることまで言えば十分)
Q5、Q6→統合(関連した内容なので1つで書けるかと)
Q9→削除(あまり無い質問だと思う)
Q10→残す
Q11→削除(あまり無い質問だと思う)
Q12→短く(今ならXHRでぐぐれで十分では)
Q13→短く(複数呼びたいとかは不要ではないかと)
Q14→循環参照リーク云々を削除して短く
Q15→削除(あまり無い質問だと思う)
Q16→残す
Q17→残す
これで9項目1レスにできないかなと。いかでしょ。
多少 >>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中でやるとか。
【主要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中でやるとか。
>>110
http://fiddle.jshell.net/vSqKr/13/show/#Q10 か element.scrollHeight か element.clientHeight か element.offsetHeight か...
http://fiddle.jshell.net/vSqKr/13/show/#Q10 か element.scrollHeight か element.clientHeight か element.offsetHeight か...
SafariのdefaultViewはwindowと違うものだけどFirefox,Opera,Chrome,IE9のdefaultViewはwindowなんだね。
ややこしい
ややこしい
>>6 はhttp://fiddle.jshell.net/vSqKr/13/show/ と重複しているから省略しようと思えば出来るが…。
そもそも、http://fiddle.jshell.net/vSqKr/13/show/ は使う方向でいいのか。散々、問題点が指摘されていたようだが。
そもそも、http://fiddle.jshell.net/vSqKr/13/show/ は使う方向でいいのか。散々、問題点が指摘されていたようだが。
>>108
XMLファイルは読めています。配列Aの名前を変えると1.2.3とも表示されないので配列にも情報は入っている?と思いますが
入っているなら3.でも表示出来そうなものですがよく分かりません・・・
<script type="text/javascript">
hairetsu = new Array();//A
function xmlParser(xml) {
$(xml).find("data").each(function () {
hairetsu.push ($(this).find("name").text() );
document.write(hairetsu);//1.欲しい情報は出てきますが何度もリピートしループしています
});
document.write(hairetsu);//2.本来の欲しい情報が出てきます。
}
document.write(hairetsu);//3.何も出てきません
</script>
javascriptには「ブロックスコープが存在しない」と書いてあるサイトもあるし
jqueryが特殊なのか?OSXサファリだけで何故うまくいったのか?とか
クロージャというのが怪しいと思い色々やってもうまくいきませんでした
XMLファイルは読めています。配列Aの名前を変えると1.2.3とも表示されないので配列にも情報は入っている?と思いますが
入っているなら3.でも表示出来そうなものですがよく分かりません・・・
<script type="text/javascript">
hairetsu = new Array();//A
function xmlParser(xml) {
$(xml).find("data").each(function () {
hairetsu.push ($(this).find("name").text() );
document.write(hairetsu);//1.欲しい情報は出てきますが何度もリピートしループしています
});
document.write(hairetsu);//2.本来の欲しい情報が出てきます。
}
document.write(hairetsu);//3.何も出てきません
</script>
javascriptには「ブロックスコープが存在しない」と書いてあるサイトもあるし
jqueryが特殊なのか?OSXサファリだけで何故うまくいったのか?とか
クロージャというのが怪しいと思い色々やってもうまくいきませんでした
>>119
全くその通りだと思うが、なぜあの時にいってやらなかったんだ…。そういう俺も同罪だなw
全くその通りだと思うが、なぜあの時にいってやらなかったんだ…。そういう俺も同罪だなw
>>109
趣旨はわかるけど、FAQ は回答の手間を省くためだよね。
そのぐらいの量なら普通に回答しても手間が変わってない気がするんだけどどうだろう。
「別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。 」が「Q1 を嫁」に短くできるぐらいの変化しかない。
だったらいっそのことリンク集だけにした方がURLを探す手間が省けていいんじゃないかな。
趣旨はわかるけど、FAQ は回答の手間を省くためだよね。
そのぐらいの量なら普通に回答しても手間が変わってない気がするんだけどどうだろう。
「別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。 」が「Q1 を嫁」に短くできるぐらいの変化しかない。
だったらいっそのことリンク集だけにした方がURLを探す手間が省けていいんじゃないかな。
情報量もURLを貼った方が多い場合があるな。
A2 はhttp://developer.mozilla.org/ja/DOM/document.write を読んだ方がわかりやすい。
A2 はhttp://developer.mozilla.org/ja/DOM/document.write を読んだ方がわかりやすい。
間違えた。A2 は document.open の資料が参考になる。
http://developer.mozilla.org/ja/DOM/document.open
http://developer.mozilla.org/ja/DOM/document.open
前スレで質問させて戴いた事についてなのですが、また分からなくなりました。
変数名として使おうとするとエラーになる2バイトコードの記号が結構多く見受けられます。
使える場合と使えない場合の切り分けはどこにあるのでしょうか?
Example: FirefoxとIEで幾つか試した限りでは動作の可否は同じでした。
Δ=1;∠=1 // Pass
∇=1;∀=1 // Error: illegal character
前スレ
>438 Name_Not_Found sage 2011/02/06(日) 13:02:46
>トリッキー上等で質問させて下さい。
>(使用フォントはUTF-8で)
>変数名に2バイトコードを使えてしまうのは、偶然ですか?それとも必然ですか?
>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
>仕様なんですか、ありがとうございました。
変数名として使おうとするとエラーになる2バイトコードの記号が結構多く見受けられます。
使える場合と使えない場合の切り分けはどこにあるのでしょうか?
Example: FirefoxとIEで幾つか試した限りでは動作の可否は同じでした。
Δ=1;∠=1 // Pass
∇=1;∀=1 // Error: illegal character
前スレ
>438 Name_Not_Found sage 2011/02/06(日) 13:02:46
>トリッキー上等で質問させて下さい。
>(使用フォントはUTF-8で)
>変数名に2バイトコードを使えてしまうのは、偶然ですか?それとも必然ですか?
>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
>仕様なんですか、ありがとうございました。
>>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 も確認する。
既に 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 も確認する。
個人的には、FAQ読まずに質問する奴にFAQは読めというため
だけにでも1レス分のFAQはあった方がいいと思っている。
でないと何人もが同じよくある質問してきていちいちそれに
回答することになる。FAQ読めというのはその一人だけに言って
いるわけじゃなく、そのレス付近を目にする複数の人に言って
いるんだと思うがいかが。
だけにでも1レス分のFAQはあった方がいいと思っている。
でないと何人もが同じよくある質問してきていちいちそれに
回答することになる。FAQ読めというのはその一人だけに言って
いるわけじゃなく、そのレス付近を目にする複数の人に言って
いるんだと思うがいかが。
>>128 1にはFAQとかへの安価があったほうがいいと思う
ここって、Androidとかのタッチイベントを使う質問をしても大丈夫かな?
JavaScriptって定数宣言はどのように行うのでしょう?
Firefoxではconst修飾子で行うようですが
統一された定数の宣言方法はないのでしょうか?
Firefoxではconst修飾子で行うようですが
統一された定数の宣言方法はないのでしょうか?
>>135
変数名を全部ラージで書くとか?
変数名を全部ラージで書くとか?
どうでもいい突っ込みだけど「大文字」は「uppercase」で
largeじゃないよね。大文字をラージというカルチャーが
あるのかとびっくりしたのでつい。
largeじゃないよね。大文字をラージというカルチャーが
あるのかとびっくりしたのでつい。
upper/downerには名詞として別の意味の反意語になっちゃうし。
メソッド名(動詞)としてupcase/downcaseはあるみたい。
lower-case/higher-caseでも意味は通じるみたい。
語源を考えるとhigherだと手が届かないくらい高そうで違和感。知らんけど。
メソッド名(動詞)としてupcase/downcaseはあるみたい。
lower-case/higher-caseでも意味は通じるみたい。
語源を考えるとhigherだと手が届かないくらい高そうで違和感。知らんけど。
"caps"自体が"capital letters"の略で大文字という意味だが
(キーボードのCAPSキーを参照)、"large caps"でも同じく大文字を指す。
"case"はもともと印刷関係の用語かな? 「活字ケース」のことを指すらしい。
なぜそこで相対的な「上下」関係を指す"upper/lower"が使われるのかは知らん。
活字セットを上下に分けて整頓するのが一般的だった、とかかも。
(キーボードのCAPSキーを参照)、"large caps"でも同じく大文字を指す。
"case"はもともと印刷関係の用語かな? 「活字ケース」のことを指すらしい。
なぜそこで相対的な「上下」関係を指す"upper/lower"が使われるのかは知らん。
活字セットを上下に分けて整頓するのが一般的だった、とかかも。
こういうイメージからの派生形かな、と漠然と思っていた
UpperCamelCase : ^\/\ (頭を上げたラクダ)
lowerCamelCase : _/\ (頭を寝かしたラクダ)
UpperCamelCase : ^\/\ (頭を上げたラクダ)
lowerCamelCase : _/\ (頭を寝かしたラクダ)
>>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
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
>>128
A3, A5, A6 にIEのバージョンを記載した方がいいと思う。
A3, A5, A6 にIEのバージョンを記載した方がいいと思う。
このコードを実行すると、見た目に変化はありませんが、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>
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>
>>145
> sleepのコメントを外せば問題ありませんでした。
ちょっと信じられないんだけど、コメントアウトされた sleep(1); が呼び出されるの?
コメントなんだからどっちにしても挙動が変わらないはずなんだけど…。
> sleepのコメントを外せば問題ありませんでした。
ちょっと信じられないんだけど、コメントアウトされた sleep(1); が呼び出されるの?
コメントなんだからどっちにしても挙動が変わらないはずなんだけど…。
JavaScriptでsleep()って無かったんですね。
勝手にあるものだと思って、コーディングしてました。
つまり、sleepの中身はないのですが、これで動いてます。
コメントを外すと、ボタンを押すたびにselectタグが増殖します。見た目は変化ないですが、内部的に増えていて、postで渡す際に支障があります。
勝手にあるものだと思って、コーディングしてました。
つまり、sleepの中身はないのですが、これで動いてます。
コメントを外すと、ボタンを押すたびにselectタグが増殖します。見た目は変化ないですが、内部的に増えていて、postで渡す際に支障があります。
前へ 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
トップメニューへ / →のくす牧場書庫について