.NET TIPS

[Silverlight 2]HTMLページ内のJavaScriptコードを実行するには?[C#、VB]

デジタルアドバンテージ 一色 政彦
2009/06/11

 SilverlightアプリケーションをHTMLページの一部として埋め込んでいる場合、そのHTMLページとやりとりを行いたい場面が出てくることが多い。例えば、Silverlightアプリケーション上でボタンが押されたときに、HTMLページ上の一部の表示を変えるような場合だ。

 このとき、HTMLページ上のコンテンツをSilverlightアプリケーションから書き換えることもできるが、JavaScriptコードの関数を呼び出すことによりコンテンツを書き換えることもできる。後者の利点は、Silverlight(=バイナリ)の外にHTMLコンテンツを書き換えるコード(=テキスト)があるので、ちょっとした修正などにも対応しやすいなど、コードがより扱いやすいことが挙げられる。

 次のSilverlightアプリケーション上のボタンをクリックすると、JavaScriptコードの関数を実行してアラートを表示する。

JavaScriptコードの関数を実行してアラート表示を行うSilverlightサンプル・アプリケーション

 このようにSilverlightアプリケーションからJavaScriptのコードを呼び出すには、まずはWebブラウザのWindowオブジェクトを取得する。このWindowオブジェクトは、Silverlight上ではHtmlWindowクラス(System.Windows.Browser名前空間)のオブジェクトとして表現され、HtmlPageクラス(System.Windows.Browser名前空間)の静的プロパティであるWindowプロパティにより取得できる。

 HtmlWindowオブジェクトにはJavaScriptコードとして記述された関数を呼び出すためのInvokeメソッドが用意されているので、次のようにして呼び出せばよい。

HtmlPage.Window.Invoke("globalJSMethod", "ここに引数");
HtmlPage.Window.Invoke("globalJSMethod", "ここに引数")
JavaScript関数を呼び出すサンプル・コード(上:C#、下:VB)

 なお、JavaScript側のコードは、例えば次のように記述する。

<script type="text/javascript">
function globalJSMethod(msg) {
  alert("JavaScript関数(" + msg + ")が呼び出されました。");
}
</script>
アラート表示を行うJavaScript関数のコード

 上のサンプルを見ると分かるが、JavaScriptで記述した関数の名前(この例では「globalJSMethod」)を第1引数として指定し、第2引数以降に続けてその関数に渡す引数群を指定すればよい(引数がない場合は指定しなくてよい。複数の引数があれば複数指定できる)。

 JavaScript関数は、HTMLページ内に記述していてもよいし、外部.jsファイルとして(<script type="text/javascript" src="<.jsファイル>">のようなタグで)HTMLページ内に読み込んでもよい。End of Article

カテゴリ:Silverlight 2 処理対象:ブラウザ
使用ライブラリ:HtmlWindowクラス(System.Windows.Browser名前空間)
使用ライブラリ:HtmlPageクラス(System.Windows.Browser名前空間)

この記事と関連性の高い別の.NET TIPS
[Silverlight 2]文字列として作成したJavaScriptコードを実行するには?
[Silverlight 2]HTML要素クリック時にSilverlightのメソッドを実行するには?
[Silverlight 2]JavaScriptコードからSilverlightのオブジェクトを利用するには?
[Silverlight 2]Silverlightプラグイン・ロード時にJavaScriptコードを実行するには?
[Silverlight 2]JavaScript用のアラートを表示するには?
このリストは、(株)デジタルアドバンテージが開発した
自動関連記事探索システム Jigsaw(ジグソー) により自動抽出したものです。
generated by

「.NET TIPS」


Insider.NET フォーラム 新着記事
  • 第2回 簡潔なコーディングのために (2017/7/26)
     ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている
  • 第1回 Visual Studio Codeデバッグの基礎知識 (2017/7/21)
     Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう
  • 第1回 明瞭なコーディングのために (2017/7/19)
     C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える
  • Presentation Translator (2017/7/18)
     Presentation TranslatorはPowerPoint用のアドイン。プレゼンテーション時の字幕の付加や、多言語での質疑応答、スライドの翻訳を行える
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

Insider.NET 記事ランキング

本日 月間