ASP  一个加入javascript的简单例子
在ASP编程中，ASP有很强的兼容性。ASP语言可以与多种语言放到一个文件中使用，例如HTML、XML、JavaScript等语言。本练习中，将通过一个在ASP程序中加入一段javaScript的代码实例，来实现一个DIV层动态变换颜的功能。
（1）创建一个命名为DivChangColor.asp的ASP页面。左键单击【文件】|【新建】命令，弹出【新建文档】对话框，在对话框的【文件类型】中选择【ASP VbScript】，【布局】中选择【无】，单击【创建】按钮，如图1-4所示。
图1-4  新建ASP文件
（2）左键单击【文件】|【保存】命令，弹出另存为对话框。在对话框的【文件名】中输入DivChangColor.asp，【保存类型】的下拉列表框中选择“Active Server Pages(*.asp;*.asa)”，单击【保存(S)】按钮，如图1-5所示。
图1-5  保存ASP文件
（3）添加ASP文件要用到的语言包和编码。
<%@LANGUAGE="VBSCRIPT"%>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
（4）在ASP文件中输入如下内容并保存。
<%@LANGUAGE="VBSCRIPT"%>
<head><title>颜变换</title>
<script>
function changeColor(divbtn){
  var ElementById(divbtn);
  //判断div的背景
asp网站页面
  if(mydiv.style.backgroundColor=="#ccffff"){
      mydiv.style.backgroundColor="#ffccff";
  }
  else{
    mydiv.style.backgroundColor="#ccffff";
  }
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1" align="center" >
    <input type="button" value="变" onClick="changeColor('div1')" />
    </div>
        <div id="div2"  align="center" >
    <input type="button" value="变" onClick="changeColor('div2')"  />
    </div>
        <div id="div3"  align="center" >
    <input type="button" value="变" onClick="changeColor('div3')"  />
    </div>
    </form>
</body></html>
在上述代码中，首先在页面中添加了三个div层，在层中各添加一个按钮并在按钮的onClick属性中指向要触发的函数。然后在页面中添加一段JavaScript代码，即changeColor()函数，用来实现颜的变换功能。
（5）在浏览器地址栏中输入“127.0.0.1/DivChangColor.asp”执行该文件，结果如图1-6所示。
图1-6  执行结果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。