アフィリエイト広告を利用しています
検索
プロフィール
かめ太さんの画像
かめ太
プロフィール
記事のカテゴリー
動画URLから埋め込みタグ生成
YouTube(10)
パソコン(222)
英語(8)
投資、お金(586)
生活(63)
test(9)
blog管理(4)
BGM(19)
国際情勢(6)
python(22)
不動産(18)
Access(3)
javascript(34)
Programming(107)
todo(2)
スマホアプリ(3)
web(10)
イラスト・デザイン(13)
ゲーム開発(42)
リンクメモ(いろいろ)(3)
※投資関連の記事だけ見たい方は、「投資、お金」をクリック!
他ジャンルの記事が表示されず見やすくなります。
お気に入りに入れる場合なども、カテゴリーをクリックしてから入れておくと便利ですよ。


memo 再生リスト埋め込み用URL
https://www.youtube.com/embed/?listType=playlist&list=
リンク集
雪●投資・お金系サイト晴れ
  1. 空売り.net (karauri.net)
  2. iMarket 適時開示ネット(決算期に便利なサイト)
  3. 東証 業種別株価指数 リアルタイム
  4. 世界の株価
details_test
  1. 東証 業種別株価指数 リアルタイム
  2. 世界の株価
<< 2023年11月 >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
ファン
最新記事
写真ギャラリー
最新コメント
タグクラウド
日別アーカイブ
QRコード

広告

posted by fanblog
●テスト●てすと

2021年09月06日

test js「記事の外で定義した関数を、記事内で使って、innerHTMLとかしたい」ちなみにalertはできた。javascript

javascript
・記事で使いたい関数を、トップページの共有部分の【上のほう】に置いたら関数は使える。
しかし、
・そこでdocument.getElementByIdで、特定のdiv id="〜"にinnerHTMLしようとしたら、
 そのIDを指定したdivはないと言われる。
・試しに、共有部分の【一番下】に置いたら、「記事内で使おうとしてる関数は定義されてない」
と言われる。
この順序の問題、どう解決すればいいんだ?

これは、記事内で
div id="xx"
document.getElementById(”xx”)
とやってる場合は、
下で指定してるIDが上にあるので使える。

しかし、それを関数にしようとして
「document.getElementById(”〜〜”)」の部分を
上や下に移動するとエラーが出る。

・上ではもちろん、そのgetしようとしてるIDはない、と言われる。
(その上にはないから)
・下だと、逆に、記事で使おうとしてる関数が、まだ定義されてない、と言われる。
関数の定義は、使おうとしてる記事より、(はるか)下にあるから。

これ、なんとかする方法ないのかな?

●ちなみにalertはできた。
●記事内のidで、なにかを取得してなにかする関数じゃないから。

そうか、記事内のidをgetして、innerHTMLで書き出すやり方じゃなくて、
共有部分の上で、定義済みの関数を使うけど
書き出すのは、「関数から記事内のidを取得して、innerHTMLで書き出す」という仕組みにしなければいいのか。

●関数内じたいに、動画の埋め込みタグを持たせて、
動画URLだけ指定したら、それと結合して
もしinnerHTMLを使うとしたら、ブログ共有関数を
記事内で使うってやり方でできるかもしれない。

・その場合、記事でその関数使う場合、結局 innerHTML記述しないとダメなので
煩雑・冗長になり、jsの力でサクッと省力化という、当初の希望とはちょっと変わってしまうけど。

・まぁ遊び、試し的な勉強としてなら、実用性はともかく
 やってみてもいいかもしれない。jsの動きや性質に慣れる練習にはなる。

●もしくは、関数を上と下で切り分けて記述しても無理かな
上、関数定義
中、記事でその関数を使用
下、記事内のidを取得してごにょごにょ

でも、中の記事かから、上の関数を使ってる時点で、
もう下の関数も呼び出されてる。
その時に、下の関数のコードが、ブラウザに読み込まれてなかったらどうなるんだ?
結局ダメってことなのか?

あれ、関数の定義って、同一ファイルのJSの中でも、
必ず上で記述しといて下で使わないとダメなんだっけ?

切り分けて書いたり、別ファイルにしたもその仕組みは同じなのか、
よりシビアになるのか。

上、共有部分で、alert1()定義→alerrt2()呼び出し
中、記事で、alert1()使用
下、共用部分で、alert2()定義→普通のalert()呼び出し

 ↓dev toolのお言葉
Uncaught ReferenceError: myAlert2 is not defined
at myAlert1
なるほど

ちなみに、jsか他の言語で
1つのファイルで、
「上で独自関数使用して、
その下で、その関数の定義書いてる」みたいなのを
見たようなやったようなことあるような気がするけど
ちゃんと動いてた気がするけど、勘違いか。
posted by かめ太 at 15:34 | Comment(0) | TrackBack(0) | test
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/10950792
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
×

この広告は30日以上新しい記事の更新がないブログに表示されております。