Page.ClientScript.RegisterClientScriptInclude() Method तीसरा व अन्तिम Method है, जिसका प्रयोग करके हम ऐसे JavaScript Codes को अपने ASP.NET Page में Embed कर सकते हैं, जिन्हें External JavaScript File में Specify किया गया होता है और JavaScript Codes को लिखने का ये Best तरीका भी होता है।
क्योंकि इस तरीके में सारा JavaScript Code प्रत्येक Webpage में बार-बार Embed नहीं होता, बल्कि एक बार User के Web Browser के Cache में Separate JavaScript File के रूप में Download होकर Save हो जाने के बाद अगली Request को Fulfill करते समय Web Browser द्वारा Cached JavaScript File को ही फिर से Reuse कर लिया जाता है, जिससे Webpage की Performance Increase होती है।
साथ ही External JavaScript File Use करके Webpage के Structure ( HTML), Style (CSS) व Behavior (JavaScript) को Separate रखने की भी सुविधा प्राप्त होती है, जो कि Separation of Concerns (SoC) के नाम से जाना जाने वाला एक बहुत ही महत्वपूर्ण Development Approach है।
इस Method को Use करते हुए हम हमारे ASP.NET Page में किसी JavaScript File को निम्नानुसार तरीके से Attach कर सकते हैं:
[code]
File Name: myJavaScript.js
function AlertHello()
{
alert('Hello ASP.NET');
}
[/code]
[code]
File Name: Default.aspx
<%@Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
string myScript = "myJavaScript.js";
Page.ClientScript.RegisterClientScriptInclude("myKey", myScript);
}
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/x html">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<button id="btnClickMe" onclick="AlertHello();">Click Me</button>
</form>
</body>
</html>
[/code]
परिणामस्वरूप जब ये Example Program Run होता है तो ये भी Exactly पिछले वाले Example की तरह ही Output देता है, लेकिन जब हम इस Page का Markup Source Code देखते हैं, तो इस बार हमारा Markup निम्नानुसार होता है जहां हम देख सकते हैं कि हमारे Output Page में एक Script Element के रूप में वह JavaScript File Attach हो गया है, जिसका नाम myJavaScript.js है-
[code] File Name: Default.aspx Markup Source- Code <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/x html"> <head><title> </title></head> <body> <form method="post" action="Default.aspx" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="Rko6reybzmcPGRzJ5hwrwqcn072bizzIb/tglK6gZMAe83iI3NNIRRfg1MIjzdz+/yUR5p+7o+ds5wwGVCT0uq/91/NAPgdvcjSpmasWWbQ="/> </div> <script src="myJavaScript.js" type="text/javascript"></script> <button id="btnClickMe" onclick="AlertHello();">Click Me</button> </form> </body> </html> [/code]
ये Article इस वेबसाईट पर Selling हेतु उपलब्ध EBook Core ASP.NET WebForms with C# in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी।
Core ASP.NET WebForms in Hindi | Page:647 | Format: PDF
