HOW To Add script to the end of the ASP.NET page

Question

Help on adding script to the end of the ASP.NET page after the HTML </body> tag from code behind

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default_Page" %>
<!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>Testing</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<p><input type="button" id="myjs" value="Click" /></p>
</div>
</form>
</body>
</html>

I would like to add this script or any other script after the </body> tag and before </html> tag from the behind code
<script>
document.getElementById("myjs").addEventListener('click', function () {
alert("Hello World");
});

Is the above possible?

I tried this from code behind
//- Quick and dirty script string to make my question clear
string MY_SCRIPT_STRING = "<script>alert('Hello Word')</script>";
this.Controls.Add(new LiteralControl(MY_SCRIPT_STRING));
This works but it adds the code inside the form not at the end of the page where I want the script code to go after the HTML Tag </body> and before </html>

TIA

Jose Saiz · Answer

Thank you Vinay for your reply, what I am looking to accomplish is, to be able to insert html code such as script etc. to the end of any ASPX with C# I've tried using the following but no luck string MY_SCRIPT_CODE = " "; System.Web.UI.HtmlControls.HtmlGenericControl bodyTag = new System.Web.UI.HtmlControls.HtmlGenericControl(); bodyTag = (System.Web.UI.HtmlControls.HtmlGenericControl)(Page.FindControl(" ")); bodyTag.Controls.Add(new LiteralControl(MY_SCRIPT_CODE)); The final result should look this sample after insertion TIA

Vinay Singh · Answer

Hi Take a div control and make it run at server. Now prepare the script and assign it ot div control. Eg: "server" Id= "divScript" /> Now assign script protected void Page_Load( object sender, System.EventArgs e) { string myScript = "
 
" ; myScript += "alert('hi');" ; myScript += "

" ; divScript.InnerHtml=myScript ; } Or check the link for other way also. https://stackoverflow.com/questions/7046565/inject-javascript-from-asp-net-code-behind-files

Jignesh Kumar · Answer

You can add after body tag ends. It is alway good practice to create seperate javascript and refer in page. "C#" AutoEventWireup= "true" CodeFile= "Default.aspx.cs" Inherits= "Default_Page" %> "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > "http://www.w3.org/1999/xhtml" > "server" > Testing "form1" runat= "server" > "button" id= "myjs" value= "Click" /> document.getElementById( "myjs" ).addEventListener( 'click' , function () { alert( "Hello World" ); });

HOW To Add script to the end of the ASP.NET page

Answers (3)