グーグルクロームでjavascriptのアラートが表示される理由とは？
- グーグルクロームでJavaScriptを使用してテストボタンをクリックすると、正しく「javascriptのアラート」と表示されますが、他のブラウザでは「ページ ○○.web.fc2.com の記述：」と表示されます。
- この違いの理由は、グーグルクロームがJavaScriptの実行時にアラートダイアログを表示する仕組みを持っているためです。
- 一方、他のブラウザではアラートダイアログの表示がブラウザのデフォルトのメッセージに置き換わります。
- ベストアンサー
window.alert グーグルクローム
グーグルクロームを使用しています。 <html> <head> <title>test</title> </head> <body> <script type="text/javascript"> <!-- function test() { window.alert("テストです。"); } // --> </script> <button onClick="javascript:test();">テスト</button> </body> </html> このソースでテストボタンを押すと 画像の様に 「javascriptのアラート」と出ますが 同じコードを自分の作成しているサイトに組み込むと 「javascriptのアラート」の部分が 「ページ ○○.web.fc2.com の記述：」 になります。 ○○は、私のサイトのＵＲＬです。 ＩＥで確認すると、 サンプルコードでも自分のサイトでも 「Webページからのメッセージ」になります。 グーグルクロームで 「javascriptのアラート」となる場合と 「ページ ○○.web.fc2.com の記述：」となる場合の違いは何でしょうか？
- exmidrky
- お礼率91% (34/37)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
javasciprt を書いたページを http://～ または https://～ でアクセスしている場合はそのドメイン名を、file:///~ でアクセスしている場合は "javascriptのアラート" を表示しているのでしょう。
その他の回答 (1)
- think49
- ベストアンサー率59% (285/482)
ローカル(fileスキーム)で動かす場合は「ドメイン」が存在しないので省略しているのでしょう。 ローカルでも http://127.0.0.1/ で実行すれば「ページ 127.0.0.1 の記述」と表示されます。 ところで、< button onClick="javascript:test();"> では javascript ラベルは不要です。 javascriptスキームと勘違いして使う方がおられますが、この場合はラベルとして処理しているので不要な記述となります。 # Re: exmidrkyさん
関連するQ&A
- 入力した文字をalertで表示するスクリプトを作っています。
入力した文字をalertで表示するスクリプトを作っています。 以下、IEとOperaでは動作しますが、FirefoxとGoogle Chromeでは動作しません。 書き方が悪いのでしょうか？ <html> <head> <script language=JavaScript> <!-- function test(){ alert(input1.value); } // --> </SCRIPT> </HEAD> <BODY> <input type="text" name="input1"> <input type="button" value="テスト" onClick="test()"> </html>
- ベストアンサー
- JavaScript
- getElementsByNameで要素が取得できない
久々にJavaScriptを組みました。 以下のソースコードなんですが、ボタンクリック時にalertで「1」 が表示されるはずだと思っているのですが、「0」が返ってきます。 何かおかしなところはありますでしょうか？宜しくお願いします。 <html> <head> <script language="javascript"> function test(){ var obj = document.getElementsByName("name1"); alert(obj.length); } </script> </head> <body> <div name="name1"></div> <button onclick="test();">TEST</button> </body> </html>
- ベストアンサー
- JavaScript
- formとalert
javascript初心者です。 formを使ってテキストボックスに入力された文字をalertを使って表示させたいのですが、functionの中の記述がよくわかりません。 formを使った参考資料も見つからず質問するに至りました。 教えていただければと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>練習</title> <script type="text/javascript"> </script> </head> <body> <form name="a">文字を入力: <input type="text"size="20" name="name1" ><br> <input type="button" name="name2" value="確認" onclick="alert(chk)"> </form> <script type="text/javascript"> function chk(){ var n=document.a.name1.value; alert(n); } </script> </body> </html>
- 締切済み
- JavaScript
- googleクロームの拡張子の使い方について
googleクロームの拡張子の使い方がわかりません。 以下のサイトで、FC2 Upload Extというアプリをダウンロードしたのですが、クロームには何も表示されず、押すボタンもありません。使い方を詳しく教えてくださいませ。 よろしくお願い致します。 http://daredemopc.blog51.fc2.com/blog-entry-816.html googleウェブストアでダウンロードしました。 以下のサイトになります。 https://chrome.google.com/webstore/detail/fc2-upload-ext/hpinmpnccaooddkofleabfaecnmfemlk
- ベストアンサー
- その他（インターネット・Webサービス）
- googleクロームの拡張子の使い方について
googleクロームの拡張子の使い方がわかりません。 以下のサイトで、FC2 Upload Extというアプリをダウンロードしたのですが、クロームには何も表示されず、押すボタンもありません。ブログに書いているように、Google Chrome の拡張機能「FC2 Upload Ext」を使いたいのですが、どのようにすればよいのでしょうか？FC2 Upload Extの使い方を詳しく教えてくださいませ。よろしくお願い致します。 http://daredemopc.blog51.fc2.com/blog-entry-816.html また、googleウェブストアでダウンロードしました。 以下のサイトになります。 https://chrome.google.com/webstore/detail/fc2-upload-ext/hpinmpnccaooddkofleabfaecnmfemlk
- ベストアンサー
- ブログ
- jQuery 動的にボタンが増えた時
<html> <head> <title>js sample</title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> jQuery(document).ready( function() { $(".button_cls_1").click(function(){ alert('hello world! button 1'); }); $(".button_cls_2").click(function(){ alert('hello world! button 2'); }); }); </script> </head> <body> <input class="button_cls_1" type="button" value="テスト１" /> <input class="button_cls_2" type="button" value="テスト２" /> </body> </html> 上記のようなスクリプトでbutton_cls_1、button_cls_2が動的に増えた時に どのように書いたらいいかわかりません。 button_cls_1、button_cls_2、button_cls_3、button_cls_4の時もあれば button_cls_1、button_cls_2の時もあります。
- ベストアンサー
- JavaScript
- alert()が実行できない
JavaScriptについての質問です。 何故か、jsファイルにてalert()が実行できなくなりました。 alert("aaa"); と記述した「test.js」ファイルを作成して実行すると、 「オブジェクトを指定してください」とエラーメッセージが表示されます。 しかし、 <script type="text/javascript"> alert("aaa"); </script> と記述した「test.html」ファイルを作成して実行(IE7)すると、 エラーは表示されず、意図したとおりアラート画面が表示されます。 どうしてこのような現象が起こるなのか全く分かりません。 解決策をご存知の方は、教えていただけないでしょうか。
- 締切済み
- JavaScript
- javascriptに詳しい方
下のスクリプトで見るべきページが二つ以上ある場合どのように記述すればいいのでしょうか? javascriptに詳しい方よろしくお願いいたします。 <html> <head> <script language="JavaScript"> <!-- var isClicked = false; //--> </script> </head> <body> <A href="check.html" onClick="isClicked = true">見るべきページ</a><br> <A href="test.html" onClick="if (!isClicked){ alert('先に見るべきページをクリックしてください'); return false; }">A</a><br> </body> </html>
- ベストアンサー
- JavaScript
- Netscape navigator.appNam
<html> <head> <title>test</title> </head> <script type ="text/javascript"> document.write("ブラウザ名:"+navigator.appName); </script> </body> </html> を実行すると 返り値がNetscapeになります。 IE11でもグーグルクロームでも同じ結果です。 なぜ、Netscapeなのでしょうか？ ＩＥやグーグルクロームが返ってくると思ってました。
- ベストアンサー
- JavaScript
- JavaScriptをgoogle chromeで
JavaScriptの学習を始めたのですが、最初で躓いてしまいました。 私はgoogle chromeを規定のブラウザとして使用しています。 test.htmlでの記述： <html> <head> <title>JavaScript test</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <script type="text/javascript" src="test.js"> </script> </body> </html> test.jsでの記述： var num=[11,22,33,44,55]; var name=['test','test1','test2','test3','test4']; for(var i=0;i<5;i++){ document.write(name[i]+"の点数は"+num[i]+"です<br />"); } 期待していた表示は、 testの点数は11です test1の点数は22です test2の点数は33です test3の点数は44です test4の点数は55です という感じなのですが・・・google chromeでは tの点数は11です eの点数は22です sの点数は33です tの点数は44です ,の点数は55です と表示されてしまいます。 IEでは問題ありませんでした。 全てのブラウザで問題なく表示させるためには、 どのようにすればいいのでしょうか？ ご教示願います。
- ベストアンサー
- JavaScript
