Alert after page load

Question

This is my script     lt       if  TempData  Resultat      null     gt   lt script type  text javascript  gt      alert   lt    TempData  Resultat    gt      lt  script gt   lt           gt    In this case pop-up is shown before page loaded  but i want that s appear after page is fully loaded  in Html it s looks like this     lt body onload  happycode      gt    but i can t use it in MVC i got one master page for all my web application

User · Accepted Answer

If you can use jquery then you can put the alert inside the $(document).ready() function. it would look something like this:

<script>
  $(document).ready(function(){
    alert('<%: TempData["Resultat"]%>');
  });
</script>

To include jQuery, include the following in the <head> tag of your code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

Here's a quick example in jsFiddle: http://jsfiddle.net/ChaseWest/3AaAx/

User · Answer

Why can t you use it in MVC   Rather than using the body load method use jQuery and wait for the the document onready function to complete

User · Answer

Another option is to use the defer attribute on the script  but it s only appropriate for external scripts with a src attribute    lt script src    exampleJsFile js  defer gt   lt  script gt

User · Answer

Another option to resolve issue described in OP which I encountered on recent bootcamp training is using window setTimeout to wrap around the code which is bothersome  My understanding is that it delays the execution of the function for the specified time period  500ms in this case   allowing enough time for the page to load  So  for example    lt script type    text javascript  gt              window setTimeout function                    alert  Hello World                    500     lt  script gt

User · Answer

There are three ways  The first is to put the script tag on the bottom of the page    lt body gt   lt  --Body content-- gt   lt script type  text javascript  gt  alert   lt    TempData  Resultat    gt      lt  script gt   lt  body gt    The second way is to create an onload event    lt head gt   lt script type  text javascript  gt  window onload   function     window addEventListener  load  function           for Netscape  and window attachEvent  onload  function           for IE and Opera  also work     alert   lt    TempData  Resultat    gt        lt  script gt   lt  head gt    It will execute a function when the window loads  Finally  the third way is to create a readystatechange event and check the current document readystate    lt head gt   lt script type  text javascript  gt  document onreadystatechange   function     window addEventListener  readystatechange  function           for Netscape  and window attachEvent  onreadystatechange  function           for IE and Opera  also work     if document readyState   loaded     document readyState   complete           alert   lt    TempData  Resultat    gt        lt  script gt   lt  head gt

User · Answer

window  on  load   function       alert  Alert after page load

User · Answer

Add the code below in the PageLoad Event   ScriptManager RegisterStartupScript Page  this GetType     myScript    alert  OK Done       true

User · Answer

With the use of jQuery to handle the document ready event    lt script type  text javascript  gt   function onLoadAlert         alert   lt    TempData  Resultat    gt          document  ready onLoadAlert    lt  script gt    Or  even simpler - put the  lt script gt  at the end of body  not in the head

[javascript] Alert after page load

Examples related to javascript

Examples related to html

Examples related to asp.net-mvc