{"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 &#8211; M\u00e9todo 1 y 2"},"content":{"rendered":"<div id=\"palen-2787301767\" class=\"palen-antes-del-contenido palen-entity-placement\"><div class=\"palen-adlabel\">Anuncios<\/div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2815317153396146\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:inline-block;width:300px;height:250px;\" \ndata-ad-client=\"ca-pub-2815317153396146\" \ndata-ad-slot=\"4593837716\"><\/ins> \n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Ejemplo de c\u00f3mo utilizar c\u00f3digo Javascript desde una p\u00e1gina ASP.NET.<\/p>\n<p><!--more--><\/p>\n<p>M\u00e9todo 1<\/p>\n<pre class=\"lang:c# decode:true\">&lt;%--Directiva--%&gt;\r\n\r\n&lt;%@ Page Language=\u201dC#\u201d %&gt;\r\n\r\n&lt;%--Codigo en linea ASP.NET del lado servidor--%&gt;\r\n&lt;script runat=\u201dserver\u201d&gt;\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&lt;\/script&gt;\r\n\r\n&lt;%--HTML para dibujar los controles en pantalla--%&gt;\r\n&lt;html xmlns=\u201dhttp:\/\/www.w3.org\/1999\/xhtml\u201d&gt;\r\n&lt;head id=\u201dHead1\u201d runat=\u201dserver\u201d&gt;\r\n&lt;title&gt;Mi primera aplicacion -&lt;\/title&gt;\r\n\r\n&lt;%--Codigo JavaScript--%&gt;\r\n&lt;script language=\u201djavascript\u201d type=\u201dtext\/javascript\u201d&gt;\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&lt;\/script&gt;\r\n\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;form id=\u201dform1\u201d runat=\u201dserver\u201d&gt;\r\n&lt;div&gt;\r\n&lt;asp:TextBox ID=\u201dtxtNombre\u201d runat=\u201dserver\u201d&gt;&lt;\/asp:TextBox&gt;\r\n&lt;asp:Button ID=\u201dbtnAceptar\u201d runat=\u201dserver\u201d Text=\u201dAceptar\u201d\/&gt;\r\n&lt;br\/&gt;\r\n&lt;asp:Label ID=\u201dlblResultado\u201d runat=\u201dserver\u201d &gt;&lt;\/asp:Label&gt;\r\n&lt;\/div&gt;\r\n&lt;\/form&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>M\u00e9todo 2, mediante <strong>RegisterStartupScript<\/strong> de la clase ClientScript.<\/p>\n<pre class=\"lang:asp decode:true crayon-selected\">&lt;%--Directiva--%&gt;\r\n&lt;%@ Page Language=\u201dC#\u201d %&gt;\r\n&lt;%--Codigo en linea--%&gt;\r\n&lt;script runat=\u201dserver\u201d&gt;\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&lt;\/script&gt;\r\n\r\n&lt;%--HTML para dibujar los controles en pantalla--%&gt;\r\n&lt;html xmlns=\u201dhttp:\/\/www.w3.org\/1999\/xhtml\u201d&gt;\r\n&lt;head id=\u201dHead1\u201d runat=\u201dserver\u201d&gt;\r\n&lt;title&gt;Mi primera aplicacion &lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;form id=\u201dform1\u201d runat=\u201dserver\u201d&gt;\r\n&lt;div&gt;\r\n&lt;asp:TextBox ID=\u201dtxtNombre\u201d runat=\u201dserver\u201d&gt;&lt;\/asp:TextBox&gt;\r\n&lt;asp:Button ID=\u201dbtnAceptar\u201d runat=\u201dserver\u201d Text=\u201dAceptar\u201d\/&gt;\r\n&lt;br\/&gt;\r\n&lt;asp:Label ID=\u201dlblResultado\u201d runat=\u201dserver\u201d &gt;&lt;\/asp:Label&gt;\r\n&lt;\/div&gt;\r\n&lt;\/form&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>&nbsp;<\/p>\n<div id=\"palen-3400448949\" class=\"palen-despues-del-contenido palen-entity-placement\"><div class=\"palen-adlabel\">Anuncios<\/div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2815317153396146\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-2815317153396146\" \ndata-ad-slot=\"\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>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":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"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"],"views":4988,"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2015\/09\/ASP-net.jpg","jetpack_shortlink":"https:\/\/wp.me\/p2ECph-2ag","jetpack_sharing_enabled":true,"_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}]}}