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 相关文章推荐
jQuery 性能优化指南(2)
May 21 Javascript
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
jquery中的事件处理详细介绍
Jun 24 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
vue实现select下拉显示隐藏功能
Sep 30 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 Javascript
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
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
javascript原型链学习记录之继承实现方式分析
2019/05/01 Javascript
Nodejs中使用puppeteer控制浏览器中视频播放功能
2019/08/26 NodeJs
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
Python中Numpy ndarray的使用详解
2019/05/24 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
Python函数生成器原理及使用详解
2020/03/12 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
服装店营销方案
2014/03/10 职场文书
开工典礼策划方案
2014/05/23 职场文书
投标诚信承诺书
2014/05/26 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python