{"id":8324,"date":"2015-09-17T11:19:20","date_gmt":"2015-09-17T09:19:20","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=8324"},"modified":"2015-09-17T11:57:14","modified_gmt":"2015-09-17T09:57:14","slug":"ejecutar-codigo-javascript-en-asp-net","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/ejecutar-codigo-javascript-en-asp-net\/","title":{"rendered":"Ejecutar c\u00f3digo JavaScript en ASP.NET – M\u00e9todo 1 y 2"},"content":{"rendered":"

Ejemplo de c\u00f3mo utilizar c\u00f3digo Javascript desde una p\u00e1gina ASP.NET.<\/p>\n

<\/p>\n

M\u00e9todo 1<\/p>\n

<%--Directiva--%>\r\n\r\n<%@ Page Language=\u201dC#\u201d %>\r\n\r\n<%--Codigo en linea ASP.NET del lado servidor--%>\r\n<script runat=\u201dserver\u201d>\r\nprotected void Page_Load(object sender, EventArgs e)\r\n{\r\nthis.btnAceptar.Attributes.Add(\u201cOnClick\u201d, \u201cjavascript:return fnAceptar();\u201d);\r\n}\r\n<\/script>\r\n\r\n<%--HTML para dibujar los controles en pantalla--%>\r\n<html xmlns=\u201dhttp:\/\/www.w3.org\/1999\/xhtml\u201d>\r\n<head id=\u201dHead1\u201d runat=\u201dserver\u201d>\r\n<title>Mi primera aplicacion -<\/title>\r\n\r\n<%--Codigo JavaScript--%>\r\n<script language=\u201djavascript\u201d type=\u201dtext\/javascript\u201d>\r\nfunction fnAceptar() {\r\nalert(\u2018El Contenido del TextBox es: \u2018 + document.getElementById(\u201ctxtNombre\u201d).value);\r\ndocument.getElementById(\u201ctxtNombre\u201d).value = \u2018\u2019;\r\n}\r\n<\/script>\r\n\r\n<\/head>\r\n<body>\r\n<form id=\u201dform1\u201d runat=\u201dserver\u201d>\r\n<div>\r\n<asp:TextBox ID=\u201dtxtNombre\u201d runat=\u201dserver\u201d><\/asp:TextBox>\r\n<asp:Button ID=\u201dbtnAceptar\u201d runat=\u201dserver\u201d Text=\u201dAceptar\u201d\/>\r\n<br\/>\r\n<asp:Label ID=\u201dlblResultado\u201d runat=\u201dserver\u201d ><\/asp:Label>\r\n<\/div>\r\n<\/form>\r\n<\/body>\r\n<\/html><\/pre>\n
M\u00e9todo 2, mediante RegisterStartupScript<\/strong> de la clase ClientScript.<\/p>\n
<%--Directiva--%>\r\n<%@ Page Language=\u201dC#\u201d %>\r\n<%--Codigo en linea--%>\r\n<script runat=\u201dserver\u201d>\r\nprotected void Page_Load(object sender, EventArgs e)\r\n{\r\nif (!IsPostBack)\r\n{\r\nthis.btnAceptar.Attributes.Add(\u201cOnClick\u201d, \u201cjavascript:return fnAceptar();\u201d\r\nRegistrarScript();\r\n}\r\n}\r\nprivate void RegistrarScript()\r\n{\r\nconst string ScriptKey = \u201cScriptKey\u201d;\r\nif (!ClientScript.IsStartupScriptRegistered(this.GetType(), ScriptKey))\r\n{\r\nStringBuilder fn = new StringBuilder();\r\nfn.Append(\u201cfunction fnAceptar() { \u201c);\r\nfn.Append(\u201calert(\u2018El Contenido del TextBox es: \u2018 + document.getElementById(\\\u201dtxtNombre\\\u201d);\r\nfn.Append(\u201cdocument.getElementById(\\\u201dtxtNombre\\\u201d).value = \u2018\u2019;\u201d);\r\nfn.Append(\u201c}\u201d);\r\nClientScript.RegisterStartupScript(this.GetType(),\r\nScriptKey, fn.ToString(), true);\r\n}\r\n}\r\n<\/script>\r\n\r\n<%--HTML para dibujar los controles en pantalla--%>\r\n<html xmlns=\u201dhttp:\/\/www.w3.org\/1999\/xhtml\u201d>\r\n<head id=\u201dHead1\u201d runat=\u201dserver\u201d>\r\n<title>Mi primera aplicacion <\/title>\r\n<\/head>\r\n<body>\r\n<form id=\u201dform1\u201d runat=\u201dserver\u201d>\r\n<div>\r\n<asp:TextBox ID=\u201dtxtNombre\u201d runat=\u201dserver\u201d><\/asp:TextBox>\r\n<asp:Button ID=\u201dbtnAceptar\u201d runat=\u201dserver\u201d Text=\u201dAceptar\u201d\/>\r\n<br\/>\r\n<asp:Label ID=\u201dlblResultado\u201d runat=\u201dserver\u201d ><\/asp:Label>\r\n<\/div>\r\n<\/form>\r\n<\/body>\r\n<\/html><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Ejemplo de c\u00f3mo utilizar c\u00f3digo Javascript desde una p\u00e1gina ASP.NET.<\/p>\n","protected":false},"author":1,"featured_media":8325,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[690],"tags":[103,671,679],"class_list":["post-8324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net","tag-asp","tag-microsoft","tag-truco"],"_links":{"self":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/8324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/comments?post=8324"}],"version-history":[{"count":7,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/8324\/revisions"}],"predecessor-version":[{"id":8333,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/8324\/revisions\/8333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media\/8325"}],"wp:attachment":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media?parent=8324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/categories?post=8324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/tags?post=8324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}