asp.net中javascript的引用(直接引入和间接引入)_实用技巧

Asp.net 中引入Javascript 的方法有很多。在做牛腩的时候主要讲了两种。
个人认为可以分为直接引入,和间接引入。

一、直接引入。在前台页面调用自定义的javascript 函数:
1、打开前台页面在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript "。然后写javascript自定义的函数。

复制代码 代码如下:

<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("新闻类别:("+str+")");
}
</script>
<title>using javascript</title>
</head>

2、body 元素间,通过事件来访问,比如要通过button1 的单击事件(onclientclick)来访问 javascript 函数的ShwoName()的示例如下:

复制代码 代码如下:

<SPAN style="FONT-SIZE: 18px"><asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('中国新闻')" /></SPAN>

这时运行项目,单击 button时,会显示“新闻类别:中国新闻”这就是在前端页面直接定义及调用javascript函数。

二、间接引入。在前台通过引入js文件来调用相应的函数。
与直接访问步骤是一样的,都是需要先引入,在调用。因为直接引入是把javascript函数写在前台界面中,间接引用是写在一个JS文件中的,所以间接引用需要指明要调用的js 文件。

代码如下:红色部分指出了javascript文件。

复制代码 代码如下:

<head runat="server">
<script type="text/javascript" <SPAN style="COLOR: #ff0000">src="ChanggeType.js"></SPAN>
</script>
<title>using javascript</title>
</head>

同样定义完后,要在body中进行调用。

PS:两种方法都可以实现引入。直接引入可能开始写起来比较简单,直观,但是javascript代码与HTML标签一起直接放在前 端页面中,代码一多,页面因此而变得臃肿,以后要改动也麻烦,灵活性不好。所以,直接引入这种方法适合做小型的项目,维护,和修改不大。

建议大家在进行编程时,吧 javascript代码放到独立的js文件中,其他页面通过引入该js文件来使用相应的 javascript代码,操作灵活,维护,改动都方便。

这里说了两种ASP.net 从前台引入javascript的方法,还有从后台访问javascript的方法也有很多,还没有涉及到。

时间: 2024-12-22 14:58:39

asp.net中javascript的引用(直接引入和间接引入)_实用技巧的相关文章

asp.net中Fine Uploader文件上传组件使用介绍_实用技巧

最近在处理后台数据时需要实现文件上传.考虑到对浏览器适配上采用Fine Uploader. Fine Uploader 采用ajax方式实现对文件上传.同时在浏览器中直接支持文件拖拽[对浏览器版本有要求类似IE版本必须是9或是更高的IE10].在不同浏览器中提供统一用户体验.该组件基本覆盖目前所有主流浏览器.同时没有任何第三方组件依赖.相当Clear.在服务器端已经覆盖支持了ASP.NET/ColdFusion/Java/Node.js/Perl/PHP/Python. 对上传细节类似限制文件大

ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码_实用技巧

见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码_实用技巧

在ASP.NET使用JavaScript显示信息窗口,你可下从Insus.NET的博客,下载一个DLL,放在站点的BIN目录.下载地址创建一个aspx页面,然后在.aspx.cs的做几个动作,一是引用命名空间,实例化对象. 然后在Page_load事件写javascript脚本: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { string message = "Welcome, Insus.NET!"

ASP.NET中实现定制自己的委托和事件参数类_实用技巧

本文实例讲述了ASP.NET中实现定制自己的委托和事件参数类的方法,对于学习ASP.NET有很好的参考借鉴价值.具体方法如下: 一般在实际开发中,对于事件不需要传递数据信息时,像上面的KingTextBox控件的事件,在引发事件时传递的参数为EventArgs.Empty,如下所示: OnTextChanged(EventArgs.Empty); 这是因为控件KingTextBox的TextChanged事件比较简单,这里不需要参数对象传递数据.但像一些复杂的控件比如GridView的按钮命令事

asp.net操作javascript:confirm返回值的两种方式_实用技巧

在asp.net中使用confirm可以分为两种: 1.没有使用ajax,confirm会引起也面刷新 2.使用了ajax,不会刷新 A.没有使用ajax,可以用StringBuilder来完成. (一)asp.net用StringBuilder控制后台操作javascript:confirm返回值,此方法比较烦琐 1.后台启动事件 StringBuilder sb = new StringBuilder(); sb.Append("<script language='javascript

ASP.NET中MD5与SHA1加密的几种方法_实用技巧

MD5的全称是Message-Digest Algorithm 5(信息-摘要算法),在90年代初由Mit Laboratory for Computer Science和Rsa data security inc的Ronald l. rivest开发出来,经md2.md3和md4发展而来.它的作用是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式(就是把一个任意长度的字节串变换成一定长的大整数).不管是md2.md4还是md5,它们都需要获得一个随机长度的信息并产

ASP.NET中MVC传递数据的几种形式总结_实用技巧

本文实例讲述了ASP.NET中MVC传递数据的几种形式.分享给大家供大家参考.具体如下: 在Asp.net mvc开发中,Controller需要向View提供Model,然后View将此Model渲染成HTML.这篇文章介绍三种由Controller向View传递数据的方式,实现一个DropDownList的显示. 第一种:ViewData ViewData是一个Dictionary.使用非常简单,看下面代码: public ActionResult ViewDataWay(int id) {

asp.net中几种常用的身份验证方法总结_实用技巧

前言 在B/S系统开发中,经常需要使用"身份验证".因为web应用程序非常特殊,和传统的C/S程序不同,默认情况下(不采用任何身份验证方式和权限控制手段),当你的程序在互联网/局域网上公开后,任何人都能够访问你的web应用程序的资源,这样很难保障应用程序安全性.通俗点来说:对于大多数的内部系统.业务支撑平台等而言,用户必须登录,否则无法访问和操作任何页面.而对于互联网(网站)而言,又有些差异,因为通常网站的大部分页面和信息都是对外公开的,只有涉及到注册用户个人信息的操作,或者网站的后台

ASP.NET中GridView 重复表格列合并的实现方法_实用技巧

这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法. 效果图如下: GridView : 前台代码 : <div> <asp:GridView ID="gvIncome" runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateFie

Asp.net中static变量和viewstate的使用方法(谨慎)_实用技巧

在.Net平台下进行CS软件开发时,我们经常遇到以后还要用到某些变量上次修改后的值,为了简单起见,很多人都习惯用static来定义这些变量,我也是.这样非常方便,下一次调用某个函数时该变量仍然保存的是处理过的值,直接拿来用就可以了. 现在转入了BS软件开发,我们很自然地会沿用这种习惯.如在页面中统计某个按钮被按下的次数,先在类中OnClick事件的处理过程前定义一static变量times,则每次调用该按钮的OnClick事件时,令times增1即可,非常方便: [C#]: 复制代码 代码如下: