javascript 在网页中的运用(asp.net)


Posted in Javascript onNovember 23, 2009
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Untitled Page</title> 
<style type="text/css"> 
#mydiv 
{ 
height: 89px; 
} 
</style> 
<script runat="server"> //服务器端脚本语言 ④ 
protected void Page_Load(object sender, EventArgs e) 
{ 
Button1.Attributes.Add("onclick", "javascript:return confirm('真的准备删除吗?')"); //单击button1时 弹出对话框 
} 
protected void Button1_Click2(object sender, EventArgs e) 
{ 
Response.Write("执行删除任务吗!!"); //单击同意是 执行 否则不执行 
} 
</script> 
<script language="javascript" type="text/javascript"> //浏览器端脚本 ② 
function tupian_onclick(tupian) //服务器端需传参数 
{ 
tupian.src="banner_right_02.gif" 
} 
function tupian_onmouseover(tupian) { 
tupian.src="banner_right_02.gif"; 
} 
function tupian_onmouseout(tupian) { 
tupian.src="banner_right_01.gif"; 
} 
</script> 
</head> 
<body onload ="test()"> //加载脚本文件中的函数 
<script language ="javascript"> ① 
document.write("<font color=blue>你好,Javascript!</font>"); 
</script> // 在网页上显示字符串 
<form id="form1" runat="server"> //表单 
<div> 
<img id="tupian" alt="" src="banner_right_01.gif" //图片 
onclick="return tupian_onclick(tupian)" onmouseover="return tupian_onmouseover(tupian)" onmouseout="return tupian_onmouseout(tupian) /> --服务器javascript脚本函数调用需加参数 
<div id="mydiv" onclick="return mydiv_onclick()"></div> 定义一个ID为mydiv 
<script src ="test.js"> //调用脚本文件 ③ 
</script> 
<asp:Button ID="Button1" runat="server" Text="弹出确定框" onclick="Button1_Click2" /> 
<asp:ImageButton ID="ImageButton1" runat="server" 
ImageUrl="~/banner_right_01.gif" onclick="ImageButton1_Click" onmouseover="this.src='banner_right_02.gif'" onmouseout="this.src='banner_right_01.gif'" /> 
//一班情况下服务器端不响应鼠标移动事件 通过此方法可在客户端响应鼠标移动时间 
</div> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
javascript两种function的定义介绍及区别说明
May 02 Javascript
js实现日期级联效果
Jan 23 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
javascript DOM编程实例(智播客学习)
Nov 23 #Javascript
传智播客学习之java 反射
Nov 22 #Javascript
Javascript 刷新全集常用代码
Nov 22 #Javascript
写出更好的JavaScript之undefined篇(上)
Nov 22 #Javascript
COM中获取JavaScript数组大小的代码
Nov 22 #Javascript
面向对象的编程思想在javascript中的运用上部
Nov 20 #Javascript
javascript 设置文本框中焦点的位置
Nov 20 #Javascript
You might like
生成缩略图
2006/10/09 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
javascript常用的设计模式
2017/02/09 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
深入探索VueJS Scoped CSS 实现原理
2019/09/23 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5
2014/06/25 DOTA
Python脚本实现集群检测和管理功能
2015/03/06 Python
详解Python中expandtabs()方法的使用
2015/05/18 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
python非递归全排列实现方法
2017/04/10 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
快速入门python学习笔记
2017/12/06 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
Python如何使用input函数获取输入
2020/08/06 Python
匡威德国官网:Converse德国
2019/01/26 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
企业宣传方案
2014/03/04 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书