私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.101 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
$ifrObj = $("<iframe src='http://www.yahoo.co.jp'></iframe>").appendTo(document.body);
$ifrObj.contents().ready(function(){
var title = $ifrObj.contents().find("title");
console.log(title);
});
こんなふうに、iframeを動的に生成して、内部に読み込んだコンテンツの
titleタグのテキストを取得したいのですが、結果がカラになってしまいます。
chromeの開発者ツールで見ると、コンテンツはちゃんと読み込まれているんですが
(iframeの直下に「#document」というノードができて、その中にコンテンツが
読み込まれています。)
動的に生成したiframe内コンテンツから、情報を取得するには
どうすればいいのでしょうか？
$ifrObj.contents().ready(function(){
var title = $ifrObj.contents().find("title");
console.log(title);
});
こんなふうに、iframeを動的に生成して、内部に読み込んだコンテンツの
titleタグのテキストを取得したいのですが、結果がカラになってしまいます。
chromeの開発者ツールで見ると、コンテンツはちゃんと読み込まれているんですが
(iframeの直下に「#document」というノードができて、その中にコンテンツが
読み込まれています。)
動的に生成したiframe内コンテンツから、情報を取得するには
どうすればいいのでしょうか？
とりあえず、ローカルファイルを
file://
で開く形式で、yahooのコンテンツはiframeに表示できています。
用途的にもfile://でファイルを開いて使いたいので、
iframeに表示できているコンテンツの情報は取得したいです。
iframe
|
+-> #document
|
+-> <html>
|
+-> <body>～</body>
となっている場合、html以下にはどうアクセスすりゃいいのでしょう？
file://
で開く形式で、yahooのコンテンツはiframeに表示できています。
用途的にもfile://でファイルを開いて使いたいので、
iframeに表示できているコンテンツの情報は取得したいです。
iframe
|
+-> #document
|
+-> <html>
|
+-> <body>～</body>
となっている場合、html以下にはどうアクセスすりゃいいのでしょう？
var div = document.createElement('div');
var div2 = div.cloneNode();
div.id = 'div1';
div2.id = 'div2';
div.appendChild(div2);
こんな感じで、外のスコープに<div id="div1"><div id="div2"></div></div>を作ったのですが、
appendしたあとdiv2は不要なので、下のように修正しました。
var div = (function() {
var a = document.createElement('div');
var b = div.cloneNode();
a.id = 'div1';
b.id = 'div2';
a.appendChild(b);
return a;
})();
実はこの書き方をよく知らないで書いたらたまたまうまくできたってだけなのですが、
このdivは関数ではないので、何度呼び出しても1つまでしか生成されませんよね？
var div2 = div.cloneNode();
div.id = 'div1';
div2.id = 'div2';
div.appendChild(div2);
こんな感じで、外のスコープに<div id="div1"><div id="div2"></div></div>を作ったのですが、
appendしたあとdiv2は不要なので、下のように修正しました。
var div = (function() {
var a = document.createElement('div');
var b = div.cloneNode();
a.id = 'div1';
b.id = 'div2';
a.appendChild(b);
return a;
})();
実はこの書き方をよく知らないで書いたらたまたまうまくできたってだけなのですが、
このdivは関数ではないので、何度呼び出しても1つまでしか生成されませんよね？
removeEventListenerって使いますか？
使い道がよくわかりません・・・
unload時に登録してたリスナーを片っ端から消すとかですか？
もしそうだった場合登録したリスナーに無名関数を渡していた場合
どうやって削除するのでしょう？
使い道がよくわかりません・・・
unload時に登録してたリスナーを片っ端から消すとかですか？
もしそうだった場合登録したリスナーに無名関数を渡していた場合
どうやって削除するのでしょう？
>>102です。いろいろ心配かけてすみません。
やってることは、LAN接続できるA/Dコンバータに対するHTTPアクセスです。
A/Dコンバータ内では組み込みhttpdが動いていて、読み取り値を確認するための
簡単なweb画面が用意されています。
A/D変換された値に、直接アクセスするためのAPIが無いので、web画面のhtmlを
ajaxかiframeで取得して、それをDOM解析してクライアント側で表示する、
という処理を作成しています。
そのDOM解析したいhtmlを取得する部分がうまくいかなかったので、質問させて
いただきました。
いろいろ試行錯誤して、とりあえずな形にはなりましたが自力で解決できました。
ありがとうございました。
やってることは、LAN接続できるA/Dコンバータに対するHTTPアクセスです。
A/Dコンバータ内では組み込みhttpdが動いていて、読み取り値を確認するための
簡単なweb画面が用意されています。
A/D変換された値に、直接アクセスするためのAPIが無いので、web画面のhtmlを
ajaxかiframeで取得して、それをDOM解析してクライアント側で表示する、
という処理を作成しています。
そのDOM解析したいhtmlを取得する部分がうまくいかなかったので、質問させて
いただきました。
いろいろ試行錯誤して、とりあえずな形にはなりましたが自力で解決できました。
ありがとうございました。
詳しく書く必要はないと思うけど、どういう方向で解決したか書いておいた
ほうがいいよな。間違った方向に進んでいる場合もあると思うし。
いいかけて終わりみたいな。
俺だけ解決すればいいみたいな。
ほうがいいよな。間違った方向に進んでいる場合もあると思うし。
いいかけて終わりみたいな。
俺だけ解決すればいいみたいな。
クズ呼ばわりされるスレで
あれこれ書く必要もあるまい
解決できればそれでよし
あれこれ書く必要もあるまい
解決できればそれでよし
>>119
previousSiblingを繰り返してHTMLElementを数える
previousSiblingを繰り返してHTMLElementを数える
先週仕事中いきなりルパン三世のテーマ口ずさんで「スパン・ザ・サァード」って歌ってた奴いたな
俺は>>123に一票
ID振るのがスマートな気がする
ID振るのがスマートな気がする
んまー無駄にIDとかクラス使うとめんどいから
data-unko=""が一番いいと思う
data-unko=""が一番いいと思う
setInterval(function() {
alert('先週仕事中いきなりルパン三世のテーマ口ずさんで「スパン・ザ・サァード」って歌ってた奴いたな');
},5000);
alert('先週仕事中いきなりルパン三世のテーマ口ずさんで「スパン・ザ・サァード」って歌ってた奴いたな');
},5000);
とっても初歩的な質問で申し訳ないのですが
a.hogeかa.fugaかa.piyoである時の条件文の書き方なんですが
if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}
if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}
if (a.hoge) {
} else if (a.fuga) {
} else {
}
どれがいいんでしょうか？
ていうか違いがよくわかりません・・・orz
switch文がしっくり来るとは思うのですがこの条件でswitch文の書き方がわからず・・・
どなたかベストな方法を教えて下さい
a.hogeかa.fugaかa.piyoである時の条件文の書き方なんですが
if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}
if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}
if (a.hoge) {
} else if (a.fuga) {
} else {
}
どれがいいんでしょうか？
ていうか違いがよくわかりません・・・orz
switch文がしっくり来るとは思うのですがこの条件でswitch文の書き方がわからず・・・
どなたかベストな方法を教えて下さい
俺としては
if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}
if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}
は違うものじゃね？って思った
前者でこの内の存在するかどうかをそれぞれ調べたいのか、後者で優先度はhoge＞fuga＞piyoで存在したら後はどうでもいいのか
if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}
if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}
は違うものじゃね？って思った
前者でこの内の存在するかどうかをそれぞれ調べたいのか、後者で優先度はhoge＞fuga＞piyoで存在したら後はどうでもいいのか
レスありがとうございます
説明不足ですみませんでした
a.hoge、a.fuga、a.piyoの1つだけ必ずあることが保証されてる条件です
配列にこの3つ（hoge、fuga、piyo）のオブジェクトを入れていて
取り出したものがどれであるかによって処理をするというものです
array=[{hoge:1},{hoge:2},{fuga:2},{hoge:1},{piyo:3}];
a=array[0];
if (a.hoge) {}
という感じです
説明不足ですみませんでした
a.hoge、a.fuga、a.piyoの1つだけ必ずあることが保証されてる条件です
配列にこの3つ（hoge、fuga、piyo）のオブジェクトを入れていて
取り出したものがどれであるかによって処理をするというものです
array=[{hoge:1},{hoge:2},{fuga:2},{hoge:1},{piyo:3}];
a=array[0];
if (a.hoge) {}
という感じです
>>133
条件後出しは死罪
条件後出しは死罪
後出し禁止をテンプレの >>1 に入れますかね?
最後をelseで締める場合は最後の条件は評価しなさそうだから1番早そう。
ifとelseifのみだと最悪で一番最後のelseifの条件を評価しそうだが最速で1番目で抜けられる。
ifのみだと1つ目で一致しても全部評価するから一番遅そう。
内部でどうなってるかはしりますぇーん。
ifとelseifのみだと最悪で一番最後のelseifの条件を評価しそうだが最速で1番目で抜けられる。
ifのみだと1つ目で一致しても全部評価するから一番遅そう。
内部でどうなってるかはしりますぇーん。
>>135,142
なんでプログラミング関係のスレってこういう奴が現れるんだろう。
なんでプログラミング関係のスレってこういう奴が現れるんだろう。
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
>>2-4のテンプレを読んだ上で質問してください。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.141 + (881) - [97%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [97%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.121 + (1001) - [97%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.141 + (1001) - [97%] - 2019/9/22 23:15
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
トップメニューへ / →のくす牧場書庫について