Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 网站建设 > PHP > Yycom项目经验总结(ASP与JAVASCRIPT)
【标  题】：Yycom项目经验总结(ASP与JAVASCRIPT)
【关键字】：Yycom,ASP,JAVASCRIPT
【来  源】：http://blog.csdn.net/manio/archive/2007/04/12/1561504.aspx

Yycom项目经验总结(ASP与JAVASCRIPT)

Your Ad Here   
        Yycom项目是一个表单输入、存储的系统，使用ASP+ORACLE构建。特点是前台表单很多，需要写很多数据库存储的语句，需要大量使用JAVASCRIPT进行前台的编程。这个项目耗时4天，已经基本完成。
JAVASCRIPT经验
JAVASCRIPT是一种非强类型的语言，变量定义时可以只是用 var i; 的形式来定义。
在javascript中可以用转义字符\"来在字符串中代表"，而在vbscript中则使用""(两个双引号)来在字符串中代表"。
关于数组的使用
如果要在不同的页面间传递数组，可以将数组用分隔符连接成字符串，传递到相就页面之后再分解开来。
下面的例子演示了数组的插入、删除、合并、分解
<script language="javascript">
    var arrobj = new Array();
    var i;
    var comstr;
    
    //把数组看做栈，向数组中压入数据，在后面被压入的数据在数组中的索引值大
    for( i = 0 ; i < 10 ; i++ ){
        arrobj.push(i);
    }
    
    //arrobj.length是数组的长度，在这里值为10
    for( i = 0 ; i < arrobj.length; i++ ){
        document.write(arrobj[i]);
    }
    document.write("<br>");
    
    //arrobj.splice(5,3);删除数组中从索引5(第六个元素)开始的3个元素，其他用法请参考手册
    //这样删除的话，arrobj.length的值会减3
    arrobj.splice(5,3);

    for( i = 0 ; i < arrobj.length; i++ ){
        document.write(arrobj[i]);
    }
    document.write("<br>");

    //arrobj.join("|");以“｜”连接各个元素，函数返回连接好的字符串，数组应该不变
    document.write(comstr = arrobj.join("|") );
    document.write("<br>");
    
    //comstr.split("|");将字符串分离成数组，返回字符串数组    
    arrobj = comstr.split("|");

    for( i = 0 ; i < arrobj.length; i++ ){
        document.write(arrobj[i]);
    }
    document.write("<br>");
</script>
对select控件的使用
下面这个例子展示了增加OPTION、删除所有OPTION、显示当前选定的OPTION的文本、选中第一个OPTION的功能
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
    //向select控件中增加option
    var i=0;
    function myadd(oArea)
    {
        var oOption = document.createElement('OPTION');
        oOption.text = i;
        oOption.value = i++;
        oArea.options.add(oOption);
    }
    
    //remove all options in the select box
    function RemoveAllOptions(selectObj)
    {
        var i; 
        for( i = selectObj.length ; i >= 0 ; i--){
            selectObj.remove( i );
        }
    }
    
    //显示当前选中的OPTION的文本
    function ShowOptionText(selObj)
    {        
        alert(selObj.options[selObj.selectedIndex].text);
    }
    
    
    function SelectFirst(selObj)
    {
        selObj.options[0].selected = true;
    }    
</script>
</head>

<body>
<p>&nbsp;</p>
<form id="form1" name="form1" method="post" action="">
  <label>
  <select name="area">
  </select>
  </label>
  <input type="button" name="Submit" value="增加OPTION" onclick="myadd(this.form.area)" />
  <input type="button" name="Submit2" value="删除所有OPTION" onclick="RemoveAllOptions(this.form.area)" />
  <input type="button" name="Submit22" value="显示当前选定的OPTION的文本" onclick="ShowOptionText(this.form.area)" />
  <label>
  <input type="button" name="Submit3" value="选中第一个OPTION" onclick="SelectFirst(this.form.area)" />
  </label>
</form>
</body>
</html>
 
innerHTML的使用
通过innerHTML，可以动态的改变html代码，改动后的HTML代码，与平常直接编写的HTML代码有同样的效用，比如说使用innerHTML增加了一个TEXT控件，同样可以用各种方式通过NAME得到这个控件的值。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>innerHTML outerHTML</title>
<script language="javascript">
function ChangeDiv(divName)
{
    document.getElementById(divName).innerHTML += "1234";
}
</script>
</head>

<body>
<div id="mydiv"></div>
<label>
<input type="button" name="Submit" value="ChnageDiv" onclick="ChangeDiv('mydiv')" />
</label>
</body>
</html>
区别innerHTML outerHTML innerText outerText
<div id="div"><input name="button" value="Button" type="button"><font color="green"><h2>This is a DIV!</h2></font></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">

 

[UMU WSH 教程](12)常见对象 - InternetExplorer.Application：【上一篇】
Python Cookbook 第二版 汉化版 [Recipe 1.8] 检测字符串是否包含特定的字符集合：【下一篇】
【相关文章】
  • 用VS2005开发ASP.NET 2.0数据库程序
  • sql server 2000 全文索引全解(配合ASP.NET)
  • 技巧和诀窍：使用ASP.NET 2.0 输出缓存替换的功能实现“甜圈缓存(Donut Caching)”
  • IIS访问ASP页面时报错The requested resource is in use.的解决方法
  • IE和Firefox在JavaScript方面的兼容性(汇编)
  • 带进度条的ASP无组件断点续传下载
  • ASP.NET 2.0 URL映射
  • 跨平台(IE,firefox,Opera,Netscape)基于javascript的日历脚本
  • javascript中事件的理解
  • 警告：为了安全请不要随意将ASP.Net的validateRequest="false"
    • 【随机文章】
  • 慧缘商务易务通手机卡简介 QQ：330920774
  • CWnd下几个相似的WindowMessage Functions的讨论
  • 成功者十三个价值连城的习惯
  • 体验时代的基本法则
  • 系统进程全攻略
  • 选我所选Photoshop中的快速选择技巧
  • JBOSS Rule日记(-)
  • 几个不错的开源的.net界面控件
  • 执行接口回路诊断
  • huawei 65系列上开snmp
    • 【相关评论】
    没有相关评论
    【发表评论】
    姓名：
    邮件：
    随机码*：
    评论*：
          
    |  首 页  |  版权声明  |  联系我们   |  网站地图  |
    CopyRight © 2004-2007 bbb软讯网络 All Rigths Reserved.