Using JavaScript Along with ASP.NET

Using JavaScript Along with ASP.NET


Bill Evjen
Reuters
February 2004
Applies to:
Microsoft® ASP.NET
Microsoft Visual Basic® .NET
Microsoft Visual C#® .NET
Summary: Learn how to apply JavaScript in ASP.NET applications. Also learn ways of doing control focus, button rollovers, alerts and placing text in the browser's status bar. (17 printed pages)
Contents
Introduction
Adding JavaScript to a Server Control
Performing a Simple Button-rollover
Setting Control Focus
Changing the Control Focus Dynamically
Using Larger JavaScript Functions
Keeping JavaScript in a Separate File (.js)
Summary
Introduction
Web developers have been working around the limitations of the browser for a long time by using a combination of server-side processing and client-side processing. Working logic and application processes on the client-side allows browser based applications to seem more responsive and to have more "snappiness" to them. For client-side development in the past, most developers turned to JavaScript and intermingled this programming language into their classic Microsoft® Active Server Pages along with their server-side Microsoft Visual Basic® Scripting Edition or Microsoft JScript® code. Now with Microsoft ASP.NET and the new models that it provides, Web developers often wonder how to properly work with their JavaScript functions in their ASP.NET pages.
This article will take a look at some of the ways past JavaScript functions can now be used. There is more than one way to accomplish this task and this article will take a look at many different possibilities. This article will also take a look at some of the more common uses of JavaScript in ASP.NET pages with some short examples.
Adding JavaScript to a Server Control
It is quite easy to add JavaScript to a specific server control that resides on an ASP.NET page. Let's take a look at the button server control as an example. If you drag and drop a Button HTML server control (HtmlInputButton Class) onto a page using either Microsoft Visual Studio® .NET or the ASP.NET Web Matrix and run it as a server control, it should have the following construction:

ผลลัพธ์ (ไทย) 1:

ใช้ JavaScript กับ ASP.NET Evjen ตั๋วรอยเตอร์ส2004 กุมภาพันธ์ใช้กับ: Microsoft ® ASP.NET ® Microsoft Visual Basic .NET โรง.NET Microsoft Visual C# ®สรุป: เรียนรู้วิธีการใช้จาวาสคริปต์ในโปรแกรมประยุกต์ ASP.NET นอกจากนี้ยัง เรียนรู้วิธีการทำโฟกัสควบคุม ปุ่มรางวัล แจ้งเตือน และวางข้อความในแถบสถานะของเบราว์เซอร์ (17 พิมพ์หน้า)เนื้อหาแนะนำ เพิ่ม JavaScript เพื่อควบคุมเซิร์ฟเวอร์ ดำเนินการเรื่องปุ่มโรลโอเวอร์ ตั้งค่าควบคุมโฟกัส เปลี่ยนโฟกัสของตัวควบคุมแบบไดนามิก ใช้ฟังก์ชัน JavaScript ใหญ่ รักษา JavaScript ในแฟ้มแยกกัน (.js) สรุปแนะนำนักพัฒนาเว็บทำงานได้รอบข้อจำกัดของเบราว์เซอร์เป็นเวลานานโดยประมวลผลฝั่งเซิร์ฟเวอร์และฝั่งไคลเอ็นต์ประมวลผล ทำกระบวนการตรรกะและแอพลิเคชันไคลเอ็นต์อนุญาตให้โปรแกรมประยุกต์โดยใช้เบราว์เซอร์ดูจะตอบสนองมากขึ้น และได้เพิ่มเติม "snappiness" ไป สำหรับไคลเอ็นต์การพัฒนาในอดีต นักพัฒนาส่วนใหญ่เปิด JavaScript และ intermingled นี้ภาษาเป็นความคลาสสิก Microsoft ® Active Server Pages กับฝั่งเซิร์ฟเวอร์รุ่นสคริปต์ Microsoft Visual Basic ®หรือ Microsoft JScript ®รหัสของ ตอนนี้ ข้อและรูปแบบใหม่ที่ให้ นักพัฒนาเว็บมักจะสงสัยว่า วิธีการทำงานอย่างถูกต้องกับฟังก์ชันของ JavaScript ในเพจ ASP.NET ของพวกเขาบทความนี้จะมาดูของตอนนี้จะใช้ฟังก์ชัน JavaScript ที่ผ่านมา มีมากกว่าหนึ่งวิธีเพื่อให้บรรลุภารกิจนี้ และบทความนี้จะมีลักษณะที่แตกต่างกันไปมากมาย บทความนี้จะยังมาดูที่ทั่วไปใช้จาวาสคริปต์ในเพจ ASP.NET ด้วยอย่างสั้นเพิ่ม JavaScript เพื่อควบคุมเซิร์ฟเวอร์ค่อนข้างง่ายเพิ่ม JavaScript เพื่อควบคุมเซิร์ฟเวอร์ให้กับเพจที่มี ASP.NET ได้ ลองมาดูที่ตัวควบคุมเซิร์ฟเวอร์ปุ่มเป็นตัวอย่าง ถ้าคุณลาก และวางปุ่ม HTML ตัวควบคุมเซิร์ฟเวอร์ (ระดับ HtmlInputButton) ลงบนหน้าใช้โรง.NET Microsoft Visual Studio ®หรือเมทริกซ์เว็บ ASP.NET และรันเป็นตัวควบคุมเซิร์ฟเวอร์ มันควรมีการก่อสร้างต่อไปนี้:

ผลลัพธ์ (ไทย) 2:

โดยใช้ JavaScript พร้อมกับ ASP.NET บิล Evjen รอยเตอร์กุมภาพันธ์ 2004 นำไปใช้กับ: Microsoft® ASP.NET Microsoft Visual .NET Basic® Microsoft Visual c # .NET ®สรุป: เรียนรู้วิธีการใช้ JavaScript ในการใช้งาน ASP.NET ยังได้เรียนรู้วิธีการทำโฟกัสควบคุมปุ่ม rollovers การแจ้งเตือนและการวางข้อความในแถบสถานะเบราว์เซอร์ (17 หน้าพิมพ์) สารบัญบทนำเพิ่มJavaScript เพื่อควบคุมเซิร์ฟเวอร์การแสดงปุ่มแบบโรลโอเวอร์ง่ายการตั้งค่าการควบคุมมุ่งเน้นการเปลี่ยนโฟกัสแบบไดนามิกการควบคุมการใช้ฟังก์ชั่นขนาดใหญ่JavaScript รักษา JavaScript ในไฟล์เฉพาะกิจการ (.js) อย่างย่อบทนำนักพัฒนาเว็บได้รับการทำงานรอบข้อ จำกัด ของเบราว์เซอร์เป็นเวลานานโดยใช้การรวมกันของการประมวลผลด้านเซิร์ฟเวอร์และการประมวลผลฝั่งไคลเอ็นต์ กระบวนการทำงานและการประยุกต์ใช้ตรรกะในฝั่งไคลเอ็นต์ช่วยให้การใช้งานเบราว์เซอร์ที่จะดูเหมือนการตอบสนองมากขึ้นและจะมีมากขึ้น "snappiness" ให้กับพวกเขา สำหรับการพัฒนาฝั่งไคลเอ็นต์ในอดีตที่ผ่านมานักพัฒนาส่วนใหญ่หันไป JavaScript และผสมภาษาโปรแกรมนี้ในคลาสสิกของพวกเขาMicrosoft® Active Server หน้าพร้อมกับฝั่งเซิร์ฟเวอร์ของพวกเขา Microsoft Visual Basic®การเขียนสคริปต์ Edition หรือรหัสJScript®ไมโครซอฟท์ ตอนนี้กับ Microsoft ASP.NET และรูปแบบใหม่ที่จะให้นักพัฒนาเว็บมักจะสงสัยวิธีการทำงานร่วมกับฟังก์ชั่นจาวาสคริปต์ในเพจ ASP.NET ของพวกเขา. บทความนี้จะดูที่บางส่วนของวิธีการทำงานที่ผ่านมา JavaScript สามารถจะ ใช้แล้ว มีมากกว่าหนึ่งวิธีที่จะทํางานนี้และบทความนี้จะดูที่ความเป็นไปได้ที่แตกต่างกัน บทความนี้ยังจะดูที่บางส่วนของการใช้งานทั่วไปของ JavaScript ในเพจ ASP.NET ที่มีตัวอย่างสั้นบาง. เพิ่ม JavaScript เพื่อควบคุมเซิร์ฟเวอร์มันค่อนข้างง่ายที่จะเพิ่มJavaScript เพื่อการควบคุมเซิร์ฟเวอร์เฉพาะที่อาศัยอยู่ใน ASP หน้า NET ลองมาดูที่ปุ่มควบคุมเซิร์ฟเวอร์เป็นตัวอย่างที่ หากคุณลากและวางการควบคุมปุ่ม HTML เซิร์ฟเวอร์ (HtmlInputButton ชั้น) ลงบนหน้าโดยใช้ Microsoft Visual Studio® .NET หรือเว็บ ASP.NET เมทริกซ์และเรียกใช้การควบคุมเซิร์ฟเวอร์ก็ควรจะมีการก่อสร้างต่อไปนี้:

ผลลัพธ์ (ไทย) 3:

การใช้ JavaScript พร้อมกับ ASP.NET




evjen บิล Reuters กุมภาพันธ์ 2547

®กับ : Microsoft ASP . สุทธิ®
Microsoft Visual Basic . NET
Microsoft Visual C #® . สุทธิ
สรุป : เรียนรู้วิธีการใช้ JavaScript ในโปรแกรมประยุกต์ ASP.NET . ยังได้เรียนรู้วิธีการทำโฟกัส ปุ่มควบคุมรางวัลในการแข่งขัน , การแจ้งเตือนและใส่ข้อความในแถบสถานะของเบราว์เซอร์ ( 17 หน้าพิมพ์ )


เนื้อหาแนะนำเพิ่ม JavaScript เพื่อเซิร์ฟเวอร์ควบคุมง่ายปุ่มโรลโอเวอร์

การตั้งค่าการควบคุมโฟกัส
เปลี่ยนโฟกัส การควบคุมแบบไดนามิกโดยใช้ JavaScript ฟังก์ชันขนาดใหญ่

ทำให้ JavaScript ในแฟ้มแยกต่างหาก ( JS )


สรุปเบื้องต้นนักพัฒนาเว็บได้ทำงานรอบ ๆข้อ จำกัด ของเบราว์เซอร์เป็นเวลานานโดยใช้การรวมกันของการประมวลผลฝั่งเซิร์ฟเวอร์ของลูกค้า . ตรรกะและการประยุกต์ใช้กระบวนการทำงานบนเว็บเบราว์เซอร์ช่วยให้เบราว์เซอร์เพื่อดูการตอบสนองมากขึ้นและมีมากขึ้น " snappiness " กับพวกเขา เพื่อพัฒนาทีมในอดีตนักพัฒนาส่วนใหญ่เปิด JavaScript และผสมนี้ภาษาการเขียนโปรแกรมในแบบคลาสสิคของ Microsoft ® Active Server หน้าพร้อมฝั่งเซิร์ฟเวอร์สคริปต์ Microsoft Visual Basic ® Edition หรือ Microsoft ®เจสคริปต์รหัส ตอนนี้กับ Microsoft ASP.NET และรูปแบบใหม่ที่ให้นักพัฒนาเว็บมักจะสงสัยว่าต้องทำงานกับ JavaScript ฟังก์ชันในหน้า ASP.NET .
บทความนี้จะใช้เวลาดูที่บางวิธีฟังก์ชัน JavaScript ที่ผ่านมาขณะนี้คุณสามารถใช้ มีมากกว่าหนึ่งวิธีเพื่อบรรลุงานนี้และบทความนี้จะใช้เวลาดูที่เป็นไปได้ที่แตกต่างกันมาก บทความนี้จะดูที่บางส่วนของการใช้ JavaScript ใน ASP.NET หน้าเว็บทั่วไปกับตัวอย่างสั้น ๆบาง .
เพิ่มจาวาสคริปต์เซิร์ฟเวอร์ควบคุม
มันค่อนข้างง่ายที่จะเพิ่ม JavaScript เพื่อควบคุมเฉพาะเซิร์ฟเวอร์ที่อยู่บน ASP.NET หน้า มาดูปุ่มควบคุมเซิร์ฟเวอร์เป็นตัวอย่าง ถ้าคุณลากและปล่อยปุ่ม HTML เซิร์ฟเวอร์ควบคุม ( htmlinputbutton คลาส ) ลงบนหน้า®โดยใช้ Microsoft Visual Studio . NET หรือ ASP.NET เว็บเมทริกซ์และใช้มันเป็น Server ควบคุม ควรมีการก่อสร้าง ดังนี้