如何防止每次单击按钮时重新加载javascript？

Question

I have this script which shows a message to the user when the page is loaded in ASP.NET, my problem is that every time an user clicks any button which causes I believe a PostBack the same message gets reloaded. I only want to show this on First Page load. Any help will be appreciate.

$('.block .message').hide().append('<span class="close" title="Dismiss"></span>').fadeIn('slow');
$('.block .message .close').hover(
    function () { $(this).addClass('hover'); },
    function () { $(this).removeClass('hover'); }
);

$('.block .message .close').click(function () {
    $(this).parent().fadeOut('slow', function () { $(this).remove(); });
});

Here is my HTML code,

<div class="message info">The first input field would allow you to provide the From Date, PO, Shipment or Single Date.</div>

Answer 1

Add runat=server and an id:

<div class="message info" runat="server" id="divmessage" >

Add code in your Page_Load to make it visible only if !IsPostback

protected void Page_Load(object sender, EventArgs e)
{
   divmessage.visible = !IsPostBack;
}

Answer 2

You could add this to your page:

<script>
    function isPostBack () {
      return <%= Page.IsPostBack %>;
    }
</script>

And now:

if ( !isPostBack() ) {
    //show message
}