JSライブラリ開発について、alert(); さえ実行できません

###実現したいこと
JSライブラリ開発を考えています。
そのためまず入門としてalert();を実行するだけのライブラリをアップロードしたものの、実行されません。
原因と対策を知りたいです。宜しくお願い致します。

###発生している問題
アラートが実行されません。

###該当のソースコード
alert.jsというライブラリで次のコードだけです。

javascript
1/*
2alert.js
3*/
4alert("alert.jsでのアラート");

ライブラリはこちらにアップロード致しました
http://xs121021.xsrv.jp/alert.js

その実行がこちらで、当該アラートの表示がありません。（JSFilldeでのアラートだけで、alert.jsでのアラートという表示がありません。）
https://jsfiddle.net/4kvy6jh1/

###試したこと
上記はJSFidleでの実行ですが、自分が管理しているサイトの<head>に記述したところ、当該アラートの表示がありました。

そのためJSFiddleだけの問題か？なら放っておいてもいいのか？とも思いましたが、明確な原因の把握がなければ他の環境での導入も失敗しうると思い、原因と対策を質問させていただきました。

###実行環境
エックスサーバーを利用しています。
filezillaにて、次のディレクトリにalert.jsをアップロード致しました。
xs121021.xsrv.jp > public_html > alert.js

行動規範の内容に同意します

回答1件

ベストアンサー

そのためJSFiddleだけの問題か？

そのとおりです。

コンソールを見れば明らかですが、JSFiddleはHTTPSなのに対して、当該のJavaScriptファイルへはHTTPアクセスしようとしていますが、セキュリティ上それは許されません。

投稿2021/10/21 22:22

総合スコア146018

2021/10/22 00:55 編集

2021/10/22 08:19

maisumakun様、ご回答ありがとうございます。 ku__ra__ge様、詳細なリンクをありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問