javascript在网页中的运用

 

<%@ 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> 定义一个IDmydiv

    <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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章