ASPXページのPostback時にScriptManager .RegisterStartupScript()でjavascriptのfunctionを実行する方法
aspxページのボタンを押した時にjavascriptのfunctionを実行したい時は以下の方法が便利です。
まずはASPXページのCSファイルにRegisterStartupScriptを配置します。
以下の例ではindex.aspx.csページにスクリプトを追加してます。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace testapp01
{
public partial class index : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
ScriptManager.RegisterStartupScript(this, typeof(string), "Error", "loadScript();", true);
}
}
}
}
次はindex.aspxページ内にボタンをクリックしてPostback時にjavascriptアラートメッセージを表示します。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="testapp01.index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function loadScript() {
alert("Hello!");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>
</body>
</html>
スポンサーリンク
📄 関連記事
スポンサーリンク
📑 C#
📑 効率化
こんな記事も読まれてます。
TRAVEL JAPAN
国内旅行 記事一覧
TRAVEL ABROAD
海外旅行 記事一覧
CATEGORY
カテゴリ
📂外資系企業へ転職・働き方：外資系企業の転職,英語,面接,働き方
📂国内旅行150ヵ所を紹介：北海道,屋久島
- 富士山周辺：山梨,静岡,山中湖,河口湖,朝霧高原
- 長野・岐阜：穂高岳,乗鞍岳,車山高原,上高地
- 箱根：箱根ロープウェイ,芦ノ湖海賊船,箱根神社,箱根の展望台
- 伊豆：伊東,下田,中伊豆
- 東京・神奈川お台場,高尾山,奥多摩,江ノ島,横浜
📂海外出張10カ国,50ヵ所以上観光：スペイン,インド,台湾.飛行機対策
📂健康：胃痛,風邪予防,食,メンタル
📂子育て：英語,育て方,旅行
📂PC関連：エンジニアの苦悩,効率化,Windowsのトラブル対応
- ブログ作成：アクセス数,アドセンス,HTML・CSS
- ASP.NET C#：サンプルコード等々
- SQL：SQL Server, Oracle関連
- モバイル：Android,iPhone,ポケモンGO
📂海外ドラマ：海外ドラマ・映画のレビューと感想
📂車関連：海外のレンタカー,試乗レポート,軽自動車,等々
📂物件：新築一戸建て 申し込みから購入・引渡しまで色々あったこと
PROFILE
プロフィール
KoReKuRaiです。東京都在住。外資系IT業界でSEやWebService開発,DB設計,面接官,会議通訳,プリセールス等色々とお仕事続けて約15年。現在、5歳児の子育てに奮闘中です。外資系企業での働き方や転職時に役に立った実体験や失敗談、会議通訳に役立った英会話のあれこれ、国内150ヵ所以上の旅行先の紹介、海外出張で行った10カ国のついでで観光した50ヵ所の旅行記や、子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。Copyright 2016-2019 KoReKuRai All Rights Reserved.