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 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
基于javascript实现图片懒加载
Jan 05 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 Javascript
vue监听dom大小改变案例
Jul 29 Javascript
js调用网络摄像头的方法
Dec 05 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
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
smarty中js的调用方法示例
2014/10/27 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
Express.JS使用详解
2014/07/17 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
vue v-model的用法解析
2020/10/19 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
itchat接口使用示例
2017/10/23 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
python3 实现口罩抽签的功能
2020/03/11 Python
python飞机大战游戏实例讲解
2020/12/04 Python
如何查看python关键字
2021/01/17 Python
用HTML5实现网站在windows8中贴靠的方法
2013/04/21 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
监理员的岗位职责
2013/11/13 职场文书
质检员的岗位职责
2013/11/15 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
软环境建设心得体会
2014/09/09 职场文书
学习计划书怎么写
2014/09/15 职场文书
环卫工作汇报材料
2014/10/28 职场文书
办公室主任岗位职责
2015/01/31 职场文书
优秀大学生自荐信
2015/03/26 职场文书
音乐之声观后感
2015/06/04 职场文书
纪检监察立案决定书
2015/06/24 职场文书
创业计划书之校园超市
2019/09/12 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle