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 相关文章推荐
js中for in的用法示例解析
Dec 25 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
angularJS开发注意事项
May 26 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 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
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
2015/01/28 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
新手该如何学python怎么学好python?
2008/10/07 Python
Python的gevent框架的入门教程
2015/04/29 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
python对于requests的封装方法详解
2019/01/03 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
django url到views参数传递的实例
2019/07/19 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
tensorflow实现打印ckpt模型保存下的变量名称及变量值
2020/01/04 Python
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
办理房产证委托书
2014/09/18 职场文书
2015年除四害工作总结
2015/07/23 职场文书
2016党校学习心得体会
2016/01/07 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库