IT博客-青蛙學堂-随笔分类-HTMLhttp://www.cnitblog.com/yide/category/8894.htmlzh-cnSun, 08 May 2022 12:40:09 GMTSun, 08 May 2022 12:40:09 GMT60根据文本定位div并设置属性http://www.cnitblog.com/yide/archive/2022/05/04/92600.html青蛙學堂青蛙學堂Wed, 04 May 2022 08:40:00 GMThttp://www.cnitblog.com/yide/archive/2022/05/04/92600.htmlhttp://www.cnitblog.com/yide/comments/92600.htmlhttp://www.cnitblog.com/yide/archive/2022/05/04/92600.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92600.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92600.html根据文本定位div并设置属性
 
$('div:contains("*****"):not(:has(*))').parent().css("display", "none");

青蛙學堂 2022-05-04 16:40 发表评论
]]>表格设置bootstrap table样式http://www.cnitblog.com/yide/archive/2021/03/17/92423.html青蛙學堂青蛙學堂Wed, 17 Mar 2021 06:53:00 GMThttp://www.cnitblog.com/yide/archive/2021/03/17/92423.htmlhttp://www.cnitblog.com/yide/comments/92423.htmlhttp://www.cnitblog.com/yide/archive/2021/03/17/92423.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92423.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92423.html
通过Bootstrap快速构建表格样式：

（1）外部引入Bootstrap文件

 <link type="text/css" rel="stylesheet" href=".\bootstrap-3.3.7-dist\css\bootstrap.css">

 <script type="text/javascript" src=".\bootstrap-3.3.7-dist\js\bootstrap.min.css"></script>
 
（2）通过HTML代码，创建一个表格
  
接下来通过外部引入Bootstrap来快速构建表格样式

.table    为任意 <table> 添加基本样式 (只有横向分隔线)
.table-striped    在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)
.table-bordered    为所有表格的单元格添加边框
.table-hover    在 <tbody> 内的任一行启用鼠标悬停状态
.table-condensed    让表格更加紧凑

      除此之外，我们还可以给表格添加背景颜色。具体代码如下

.active    对某一特定的行或单元格应用悬停颜色
.success    表示一个成功的或积极的动作
.warning    表示一个需要注意的警告
.danger    表示一个危险的或潜在的负面动作   

         <table class="table table-striped table-hover table-bordered .table-condensed"style="width:450px">
      <thead> 
              <tr class="active"> 
                  <th>标题一</th> 
                  <th>标题二</th> 
                  <th>标题三</th> 
              </tr> 
          </thead> 
          <tbody>
              <tr class="success">
                  <td>示例一</td>
                  <td>示例一</td>
                  <td>示例一</td></tr>
              <tr class="warning">
                  <td>示例二</td>
                  <td>示例二</td>
                  <td>示例二</td></tr>
              <tr class="danger">
                  <td>示例三</td>
                  <td>示例三</td>
                  <td>示例三</td></tr>
              </tbody>
      </table>    

                 

青蛙學堂 2021-03-17 14:53 发表评论
]]>jshtml固定表头http://www.cnitblog.com/yide/archive/2020/11/17/92365.html青蛙學堂青蛙學堂Tue, 17 Nov 2020 08:49:00 GMThttp://www.cnitblog.com/yide/archive/2020/11/17/92365.htmlhttp://www.cnitblog.com/yide/comments/92365.htmlhttp://www.cnitblog.com/yide/archive/2020/11/17/92365.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92365.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92365.html
<html xmlns="http://www.w3.org/1999/xhtml">
 
    <head>
        <meta charset="utf-8" />
        <title>表格头部固定</title>
        <style type="text/css">
            /*
            .table-head table,.table-body table{width:100%;border-collapse:collapse;}
            .table-head{padding-right:17px;background-color:#999;color:#000;}
            .table-body{width:100%; height:300px;overflow-y:auto;}
            .table-body table tr:nth-child(2n+1){background-color:#f2f2f2;}
            
            .table-body table tr td{
                border:1px solid red;
                text-align: center;
            }
            */
            
               .table-head table,.table-body table{width:1190px;border-collapse:collapse; }
           
            .table-body{width:1200px; height:300px;overflow-y:auto;}
            
            .table-body table tr td{
               
                text-align: center;
            }
            
        </style>
    </head>

    <body>
        <div style="width:100%;">
            <div class="table-head">
                <table>
                    <colgroup><col span="2" style="width: 100px;" /><col /></colgroup>
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>内容</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="table-body">
                <table>
                    <colgroup><col span="2" style="width: 100px;" /><col /></colgroup>
                    <tbody>
                        <tr><td>1</td><td>我只是用来测试的</td></tr>
                        <tr><td>2</td><td>我只是用来测试的</td></tr>
                        <tr><td>3</td><td>我只是用来测试的</td></tr>
                        <tr><td>4</td><td>我只是用来测试的</td></tr>
                        <tr><td>5</td><td>我只是用来测试的</td></tr>
                        <tr><td>6</td><td>我只是用来测试的</td></tr>
                        <tr><td>7</td><td>我只是用来测试的</td></tr>
                        <tr><td>8</td><td>我只是用来测试的</td></tr>
                        <tr><td>9</td><td>我只是用来测试的</td></tr>
                        <tr><td>10</td><td>我只是用来测试的</td></tr>
                        <tr><td>11</td><td>我只是用来测试的</td></tr>
                        <tr><td>12</td><td>我只是用来测试的</td></tr>
                        <tr><td>13</td><td>我只是用来测试的</td></tr>
                        <tr><td>14</td><td>我只是用来测试的</td></tr>
                        <tr><td>15</td><td>我只是用来测试的</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>

青蛙學堂 2020-11-17 16:49 发表评论
]]>session过期设置http://www.cnitblog.com/yide/archive/2020/10/22/92350.html青蛙學堂青蛙學堂Thu, 22 Oct 2020 09:00:00 GMThttp://www.cnitblog.com/yide/archive/2020/10/22/92350.htmlhttp://www.cnitblog.com/yide/comments/92350.htmlhttp://www.cnitblog.com/yide/archive/2020/10/22/92350.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92350.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92350.html保持Session的方法：有人说设session.timeout=-1，或小于0的数。这种方法肯定是不行的，session计算时间以分钟为单位，必须是大于等于1的整数。又有人说设session.timeout=99999。这种同样不行，session有最大时间限制。我经过测试发现最大值为24小时，也就是说你最大可以session.timeout=1440，1441都是不可以有，呵呵。本人测试环境：win2003+IIS6.0+ASP3.0。 

所以想通过设session.timeout的过期时间让session永不过期是不可能的。写到Cookies里是比较好的方法，网上也有很多这样的教程，这里就不再说了！还有就是用在要保持session的页里设隐藏iframe每隔一段时间（这个时间小于session.timeout的时间）把刷新一次frame里的空页面！实现方法如下： 

在要保持session页里加上： <iframe width=0 height=0 src="/blog/SessionKeeper.asp"> 
</iframe> 


同目录下建一下SessionKeeper.asp的文件。 <html> 
<head> 
<meta http-equiv="Refresh" content="900000;url=sessionKeeper.asp"> 
<!--每隔900秒刷新一下自己，为了和服务器通讯一下，保持session不会丢--> 
</head> 
</html> 


这种方法还是比较长见的，另外还有一种和上面类似的方法，不过他不是用meta自动刷新嵌套的iframe的方法。他是用javascript:window.setTimeout("functionname()",10000);第隔一段时间时间自动调用一个函数的方法，当然函数里还是要去连接一个空的文件。具体方法如下： 

在要保持session面里加上： <script id=Back language=javascript></script> 

<script language=javascript> 
function keepsession(){ 
document.all["Back"].src="/blog/SessionKeeper.asp?RandStr="+Math.random(); 
//这里的RandStr=Math.random只是为了让每次back.src的值不同，防止同一地址刷新无效的情况 
window.setTimeout("keepsession()",900000); //每隔900秒调用一下本身 
} 
keepsession(); 
</script> 

这样同一目录下建一个空内容的sessionKeeper.asp就文件就可以了！ 

青蛙學堂 2020-10-22 17:00 发表评论
]]>css计算宽度高度vh-vwhttp://www.cnitblog.com/yide/archive/2020/07/23/92289.html青蛙學堂青蛙學堂Thu, 23 Jul 2020 06:12:00 GMThttp://www.cnitblog.com/yide/archive/2020/07/23/92289.htmlhttp://www.cnitblog.com/yide/comments/92289.htmlhttp://www.cnitblog.com/yide/archive/2020/07/23/92289.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92289.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92289.htmlcalc 是 css3提供的一个在css文件中计算值的函数：
     用于动态计算长度值。
     需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
     任何长度值都可以使用calc()函数进行计算；
     calc()函数支持 "+", "-", "*", "/" 运算；
     calc()函数使用标准的数学运算优先级规则；
calc(100vh - 10px)  表示整个浏览器窗口高度减去10px的大小 calc(100vw - 10px)   表示整个浏览器窗口宽度减去10px的大小 一般用来设置流式布局宽高，当然，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值 calc()的兼容性如下，使用时需注意
 
在讲calc之前先说一下 vh  vw：
    vw  相对于视口的宽度。视口被均分为100单位的vw
   vh  相对于视口的高度。视口被均分为100单位的vh
   vmax 相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
   vmin 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin


青蛙學堂 2020-07-23 14:12 发表评论
]]>Bootstraptable入门-合并存储格http://www.cnitblog.com/yide/archive/2020/05/08/92164.html青蛙學堂青蛙學堂Fri, 08 May 2020 07:56:00 GMThttp://www.cnitblog.com/yide/archive/2020/05/08/92164.htmlhttp://www.cnitblog.com/yide/comments/92164.htmlhttp://www.cnitblog.com/yide/archive/2020/05/08/92164.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92164.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92164.html@{
    ViewBag.Title = "Index2";
}
json文件：

{  
"total":25,  
    "rows":[
        {
        "id":1,
        "Name":"xiaoming1",
        "Mobile":"222",
"Note":"diyihang"
        },
        {
        "id":2,
        "Name":"xiaoming2",
        "Mobile":"3333",
"Note":"dier"
        },
{
        "id":3,
        "Name":"xiaoming2",
        "Mobile":"34444",
"Note":"didssssss"
        }
,
{
        "id":4,
        "Name":"xiaoming4",
        "Mobile":"6555544",
"Note":"did5555ss"
        }
    ]
}
<script src="~/Content/bootstrap/jquery-3.4.1.min.js"></script>
 <link rel="stylesheet" href="~/Content/bootstrap/css/bootstrap.min.css">
<script src="~/Content/bootstrap/js/bootstrap.min.js"></script>
 <link rel="stylesheet" href="~/Content/bootstraptable/bootstrap-table.css">
 
<script src="~/Content/bootstraptable/bootstrap-table.js"></script>
 
<script src="~/Content/bootstraptable/extensions/editable/bootstrap-table-editable.js"></script>
 <--汉化文件 -->
 <script src="~/Content/bootstraptable/locale/bootstrap-table-zh-CN.js"></script>
 
 <--table-->
<table id="table2"></table>
 <--grid-->
<table id="grid"></table>
 <--list-->
<table id="_list"></table>
<script type="text/javascript" >
     
    
    $('#table2').bootstrapTable({
        url: '/data1.json',
        columns: [{
            field: 'id',
            title: '序号'
        }, {
            field: 'name',
            title: '名称'
        }, {
            field: 'price',
            title: '价格'
        }, ]
    });
    
    //
   
    var $table;
    //初始化bootstrap-table的内容
   // function InitMainTable() {
        //记录页面bootstrap-table全局变量$table，方便应用
       // var queryUrl = '/TestUser/FindWithPager?rnd=' + Math.random()
        var queryUrl = '/data3.json';
              
      //  $table =
            $('#grid').bootstrapTable({
            url: queryUrl,                      //请求后台的URL（*）
            method: 'GET',                      //请求方式（*）
            //toolbar: '#toolbar',              //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: false,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
            //rows
            pageSize: 2,                     //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                      //是否显示表格搜索
            strictSearch: true,
            showColumns: true,                  //是否显示所有的列（选择显示的列）
            showRefresh: true,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                  //是否显示父子表
            //得到查询的参数
            queryParams: function (params) {
                //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
                var temp = {
                    rows: params.limit,                         //页面大小
                    page: (params.offset / params.limit) + 1,   //页码
                    sort: params.sort,      //排序列名  
                    sortOrder: params.order //排位命令（desc，asc） 
                };
                return temp;
            },
            columns: [
                {
                checkbox: true,
                visible: true                  //是否显示复选框  
                },
            {
                field: 'Name',
                title: '姓名',
                sortable: true
            }, {
                field: 'Mobile',
                title: '手机',
                sortable: true
            }, 
            {
                field: 'Note',
                title: '备注'
            },
            {
                field: 'id',
                title: '操作',
                width: 120,
                align: 'center',
                valign: 'middle',
                formatter: actionFormatter
            }, ],
            onLoadSuccess: function () {
            },
            onLoadError: function () {
                showTips("数据加载失败！");
            },
            onDblClickRow: function (row, $element) {
                var id = row.ID;
                EditViewById(id, 'view');
            },
        });
  //  };
    //
    function actionFormatter(value, row, index) {
        var id = value;
        var result = "";
        result += "<a href='javascript:;' class='btn btn-xs green' onclick=\"EditViewById('" + id + "', view='view')\" title='查看'><span class='glyphicon glyphicon-search'></span></a>";
        result += "<a href='javascript:;' class='btn btn-xs blue' onclick=\"EditViewById('" + id + "')\" title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
        result += "<a href='javascript:;' class='btn btn-xs red' onclick=\"DeleteByIds('" + id + "')\" title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
        return result;
    }
    /*
     
     queryParams : function (params) {
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    var temp = $("#ffSearch").serializeJsonObject();
                    temp["rows"] = params.limit;                        //页面大小
                    temp["page"] = (params.offset / params.limit) + 1;  //页码
                    temp["sort"] = params.sort;                         //排序列名
                    temp["sortOrder"] = params.order;                   //排位命令（desc，asc） 
                    //特殊格式的条件处理
                    temp["WHC_Age"] = $("#WHC_Age").val() + "~" + $("#WHC_Age2").val();
                    temp["WHC_BirthDate"] = $("#WHC_BirthDate").val() + "~" + $("#WHC_BirthDate2").val();
                    return temp;
                },
    //连接字段格式化
            function linkFormatter(value, row, index) {                
                return "<a href='" + value + "' title='单击打开连接' target='_blank'>" + value + "</a>";
            }
            //Email字段格式化
            function emailFormatter(value, row, index) {
                return "<a href='mailto:" + value + "' title='单击打开连接'>" + value + "</a>";
            }
            //性别字段格式化
            function sexFormatter(value) {
                if (value == "女") { color = 'Red'; }
                else if (value == "男") { color = 'Green'; }
                else { color = 'Yellow'; }
    
                return '<div  style="color: ' + color + '">' + value + '</div>';
            }
     */
     window.onload = dosearch();
    ///加载抽检列表
    function dosearch() {
        //先销毁表格  
        $("#_list").bootstrapTable('destroy');
        //初始化表格,动态从服务器加载数据  
        $("#_list").bootstrapTable({
            method: "get",  //使用get请求到服务器获取数据  
            contentType: "application/x-www-form-urlencoded",//一种编码。好像在post请求的时候需要用到。这里用的get请求，注释掉这句话也能拿到数据
         //   url: "ReportControl.ashx", //获取数据的Servlet地址  
            url: "/data3.json",
            dataType: "json",
            dataField: "rows",//这是返回的json数组的key.默认好像是"rows".这里只有前后端约定好就行
            //height: tableHeight(),//高度调整
            //striped: true,  //表格显示条纹  
            pagination: false, //启动分页  
            pageNumber: 1, //当前第几页  
            pageSize: 300, //每页显示的记录数 
            pageList: [5, 10, 20, 30],//分页步进值
            clickToSelect: true,//是否启用点击选中行
            locale: 'zh-CN',//中文支持,
            paginationPreText: '<',//指定分页条中上一页按钮的图标或文字,这里是<  
            paginationNextText: '>',//指定分页条中下一页按钮的图标或文字,这里是> 
            search: false,  //是否启用查询  
            showColumns: false,  //显示下拉框勾选要显示的列  
            showRefresh: false,  //显示刷新按钮  
            sidePagination: "server", //表示服务端请求  
            //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
            //设置为limit可以获取limit, offset, search, sort, order  
            queryParamsType: '',//查询参数组织方式
            idField: "ID",//指定主键列  
            queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的  
                return {//这里的params是table提供的  
                    pagesize: params.pageSize,             //每页多少条数据
                    pageindex: params.pageNumber,       //请求第几页
            /*
                    budgetyear: escape($("#inBudgetYear").val()),
                    budgetmonth1: escape($("#inBudgetMonth1").val()),
                    budgetmonth2: escape($("#inBudgetMonth2").val()),
                    budgetcompany: escape($("#inBudgetCompany").val()),
                    departid: escape($("#h_newDepart").val()),
                    execdepart: $('#inResult1').is(':checked'),
                    companyin: $('#inResult2').is(':checked')
                    */
                };
            },
            //请求服务器时所传的参数
            onLoadSuccess: function () {  //加载成功时执行  
              //  layer.msg("加载成功");
                mergeTable("Name");
            },
            onLoadError: function () {  //加载失败时执行  
              //  layer.msg("加载数据失败", { time: 1500, icon: 2 });
            },
            columns: [
                {
                    checkbox: true
                }, {
                    title: '序号',//标题  可不加  
                    formatter: function (value, row, index) {
                        return index + 1;
                    }
                }, {
                    field: "id",
                    title: "ID",
                    visible: false, //是否显示
                },  {
                    field: "Name",
                    title: "名称",
                },  {
                    field: "Mobile",
                    title: "手机"
                }, {
                    field: "Note",
                    title: "备注"
                }
            ]
        });
    }
    
    /*
    //可以加多个
     $('#table').bootstrapTable('mergeCells', {
                index : 0,
                field : "pairs_all",
                rowspan : data.length
           });
 
    */
    function mergeTable(field) {
        $table = $("#_list");
        var obj = getObjFromTable($table, field);
        for (var item in obj) {
            
            $('#_list').bootstrapTable('mergeCells', {
                index: obj[item].index,
                field: field,
                colspan: 1,
                rowspan: obj[item].row
            });
        }
    }
    function getObjFromTable($table, field) {
        var obj = [];
        var maxV = $table.find("th").length;
        var columnIndex = 0;
        var filedVar;
        for (columnIndex = 0; columnIndex < maxV; columnIndex++) {
            filedVar = $table.find("th").eq(columnIndex).attr("data-field");
            if (filedVar == field) break;
        }
        var $trs = $table.find("tbody > tr");
        var $tr;
        var index = 0;
        var content = "";
        var row = 1;
        for (var i = 0; i < $trs.length; i++) {
            $tr = $trs.eq(i);
            var contentItem = $tr.find("td").eq(columnIndex).html();
            //exist
            if (contentItem.length > 0 && content == contentItem) {
                row++;
            } else {
                //save
                if (row > 1) {
                    obj.push({ "index": index, "row": row });
                }
                index = i;
                content = contentItem;
                row = 1;
            }
        }
        if (row > 1) obj.push({ "index": index, "row": row });
        return obj;
    }
    
</script>


青蛙學堂 2020-05-08 15:56 发表评论
]]>Bootstraptable入门http://www.cnitblog.com/yide/archive/2020/05/08/92163.html青蛙學堂青蛙學堂Fri, 08 May 2020 03:21:00 GMThttp://www.cnitblog.com/yide/archive/2020/05/08/92163.htmlhttp://www.cnitblog.com/yide/comments/92163.htmlhttp://www.cnitblog.com/yide/archive/2020/05/08/92163.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92163.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92163.html阅读全文

青蛙學堂 2020-05-08 11:21 发表评论
]]>IE网址中文加密解密-乱码http://www.cnitblog.com/yide/archive/2020/03/27/92125.html青蛙學堂青蛙學堂Fri, 27 Mar 2020 01:03:00 GMThttp://www.cnitblog.com/yide/archive/2020/03/27/92125.htmlhttp://www.cnitblog.com/yide/comments/92125.htmlhttp://www.cnitblog.com/yide/archive/2020/03/27/92125.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/92125.htmlhttp://www.cnitblog.com/yide/services/trackbacks/92125.html
script 网址中文加密函数
加密
encodeURI()
  解密
 Convert.ToString(  System.Web.HttpUtility.UrlDecode( ""  ))
 
c# 网址 中文加密解密
public Encoding encoding()
      
  {
           
 string browser = Request.Browser.Type.ToUpper();
          
  if (browser.Contains("IE") == true)
         
   {
               
 return Encoding.Default;
        
    }
           
 else
          
  {
            
    return Encoding.UTF8;
  
          }
     
   }
 
加密函数
HttpUtility.UrlEncode(“cookies值”, encoding())
解密函数
 HttpUtility.UrlDecode(Hc.Values[pitem], encoding);


青蛙學堂 2020-03-27 09:03 发表评论
]]>HTML展开折叠div代码http://www.cnitblog.com/yide/archive/2018/12/24/91260.html青蛙學堂青蛙學堂Mon, 24 Dec 2018 03:01:00 GMThttp://www.cnitblog.com/yide/archive/2018/12/24/91260.htmlhttp://www.cnitblog.com/yide/comments/91260.htmlhttp://www.cnitblog.com/yide/archive/2018/12/24/91260.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/91260.htmlhttp://www.cnitblog.com/yide/services/trackbacks/91260.htmlHTML展开折叠div代码
  1 
  2 <!DOCTYPE html>
  3 <html>
  4     <head>
  5         <meta charset="utf-8">
  6         <title>纯CSS实现百叶窗</title>
  7         <style type="text/css">
  8             * {
  9                margin: 0;
 10                padding: 0;
 11                }
 12             
 13             #parent >li> span{background: #999999;display: block;width: 200px;border:1px solid #ECEEF2;}
 14             li {line-height: 40px;display: block;}
 15             li  p{
 16                     display: inline-block;
 17                     width: 0px;
 18                     height: 0px;
 19                     border-left: 5px solid transparent;
 20                     border-right: 5px solid transparent;
 21                     border-top: 5px solid#2f2f2f;
 22                       }
 23              li>ul{display: none;}
 24              li>ul>li{border: 1px solid #DEDEDE;width: 199px;}
 25              #parent span:hover + ul{display: block;}
 26              #parent span:hover >p{
 27                      display: inline-block;
 28                     width: 0px;
 29                     height: 0px;
 30                     border-top: 5px solid transparent;
 31                     border-bottom: 5px solid transparent;
 32                     border-left: 5px solid#2f2f2f;}
 33         </style>
 34     </head>
 35     <body>
 36         <ul id="parent">
 37             <li>
 38                 <span><p></p>列表</span>
 39                 <ul>
 40                     <li>子列表</li>
 41                     <li>子列表</li>
 42                     <li>子列表</li>
 43                 </ul>
 44             </li>
 45             <li>
 46                 <span><p></p>列表</span>
 47                 <ul>
 48                     <li>子列表</li>
 49                     <li>子列表</li>
 50                     <li>子列表</li>
 51                 </ul>
 52             </li>
 53             <li>
 54                 <span><p></p>列表</span>
 55                 <ul>
 56                     <li>子列表</li>
 57                     <li>子列表</li>
 58                     <li>子列表</li>
 59                 </ul>
 60             </li>
 61         </ul>
 62    
 63 
 64 <table border="0" cellspacing="0" cellpadding="0">
 65   <tr>
 66     <td scope="row">
 67     
 68     <table border="1">
 69       <tr>
 70         <td id="showbfq" height="20" align="top"  onclick="if(bfq.style.display=='none'){bfq.style.display='';showbfq.innerText='优质';}
 71  else{bfq.style.display='none';showbfq.innerText='点击更多';}">点击更多</td>
 72       </tr>
 73       <tr>
 74         <td height="80" align="center" name="bfq" id="bfq" style="display:none;">aaa1111111111111111111111111</td>
 75       </tr>
 76     </table>
 77     
 78     </td></tr>
 79     <tr><td>
 80     
 81     <table border="1">
 82       <tr>
 83         <td id="showbfq1" height="20" align="top"  onclick="if(bfq1.style.display=='none'){bfq1.style.display='';showbfq1.innerText='优质';}
 84  else{bfq1.style.display='none';showbfq1.innerText='点击更多';}">点击更多</td>
 85       </tr>
 86       <tr>
 87         <td height="80" align="center" name="bfq1" id="bfq1" style="display:none;">bbb2222222222222222222222</td>
 88       </tr>
 89     </table>
 90     
 91     </td></tr>
 92     <tr><td>
 93     
 94     <table border="1">
 95       <tr>
 96         <td id="showbfq2" height="20" align="top"  onclick="if(bfq2.style.display=='none'){bfq2.style.display='';showbfq2.innerText='折叠';}
 97  else{bfq2.style.display='none';showbfq2.innerText='展开';}">展开</td>
 98       </tr>
 99       <tr>
100         <td height="80" align="center" name="bfq2" id="bfq2" style="display:none;">ccc3333333333333333333333333</td>
101       </tr>
102     </table>
103     
104     </td></tr>
105 </table>
106 
107 <!-- js 控制 展开 隐藏div  -->
108 <div style="BORDER-BOTTOM: black 2px solid; " >
109 <img src="image/down.png" onclick="test(this)">标题内容   <!--this 指 img 对象  -->
110 </div>
111 <div id="div2" style="border:1px solid #ccc; width:300px; height:200px; display: block;">
112     （1）每个HTML标记都有事件句柄属性。onClick是HTML标记属性，不分大小写。
113     （2）HTML标记对应的元素对象也具有事件句柄属性，这个属性必须全小写，因JS区分大小写
114 </div>
115 </body>
116 </html>
117 <script type="text/javascript">
118 function test(obj){
119 
120     var div1=document.getElementById("div2");
121     if(div1.style.display=="block"){
122         div1.style.display="none";
123         obj.src="image/up.png";
124     }else{
125         div1.style.display="block";
126         obj.src="image/down.png";
127     }
128 }
129 </script>



青蛙學堂 2018-12-24 11:01 发表评论
]]>FW:结识正能量，跟对人 http://www.cnitblog.com/yide/archive/2014/04/03/89393.html青蛙學堂青蛙學堂Thu, 03 Apr 2014 09:45:00 GMThttp://www.cnitblog.com/yide/archive/2014/04/03/89393.htmlhttp://www.cnitblog.com/yide/comments/89393.htmlhttp://www.cnitblog.com/yide/archive/2014/04/03/89393.html#Feedback1http://www.cnitblog.com/yide/comments/commentRss/89393.htmlhttp://www.cnitblog.com/yide/services/trackbacks/89393.html 

结识正能量，跟对人

“沙子是废物，水泥也是废物，但他们混在一起是混凝土，就是精品；大米是精品，汽油也是精品，但他们混在一起就是废物。是精品还是废物不重要，跟谁混，很重要! ＂

 朋友不是乱交的，每天在一起喝酒的不一定是真朋友，每天在一起混的也不一定是永远的朋友。人生要交的四位朋友：     

 
1、交一个欣赏你的朋友，即便在你穷困潦倒的时候反而会更安慰你、帮助你。     

 
2、交一个有正能量的朋友，在你情绪低落的时候陪伴你、鼓励你。   

 
3、交一个为你领路的朋友，自愿做你的垫脚石，带你走过泥泞、拨开迷雾。     

 
4、交一个肯指点你的朋友，时刻提醒你、监督你，让你时刻发现自己的不足。!财富不是永远的朋友，朋友却是永远的财富



青蛙學堂 2014-04-03 17:45 发表评论
]]>Active Server Pages 错误 'ASP 0131' 不允许的父路径问题 http://www.cnitblog.com/yide/archive/2012/05/21/80141.html青蛙學堂青蛙學堂Mon, 21 May 2012 08:22:00 GMThttp://www.cnitblog.com/yide/archive/2012/05/21/80141.htmlhttp://www.cnitblog.com/yide/comments/80141.htmlhttp://www.cnitblog.com/yide/archive/2012/05/21/80141.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/80141.htmlhttp://www.cnitblog.com/yide/services/trackbacks/80141.html 

.Active Server Pages 错误 'ASP 0131' 不允许的父路径问题

 

Active Server Pages 错误 'ASP 0131' 不允许的父路径问题
Active, Pages, Server, 路径, ASP
在windows server 2003中默认的是关闭父路径的。

在本地中出现例如以下的错误：
Active Server Pages 错误 'ASP 0131'

不允许的父路径


xxxx 行  xxx


包含文件 '../xxx.asp' 不能用 '..' 表示父目录。

解决方法：IIS-网站－主目录－配置－选项－启用父路径



青蛙學堂 2012-05-21 16:22 发表评论
]]>您试图从目录中执行CGI、ISAPI 或其他可执行程序，但该目录不允许执行程序http://www.cnitblog.com/yide/archive/2012/05/09/79673.html青蛙學堂青蛙學堂Wed, 09 May 2012 00:47:00 GMThttp://www.cnitblog.com/yide/archive/2012/05/09/79673.htmlhttp://www.cnitblog.com/yide/comments/79673.htmlhttp://www.cnitblog.com/yide/archive/2012/05/09/79673.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/79673.htmlhttp://www.cnitblog.com/yide/services/trackbacks/79673.html您试图从目录中执行CGI、ISAPI 或其他可执行程序，但该目录不允许执行程序

本人使用WIN2003 INTERNET信息服务（IIS）管理器建立一个网站虚拟目录，结果浏览网页时出现错误，错误提示信息大体如此： 

　　该页无法显示 

　　您试图从目录中执行 CGI、ISAPI 或其他可执行程序，但该目录不允许执行程序。 

　　请尝试以下操作： 

* 如果您认为该目录应该允许执行访问权限，请与网站管理员联系。 

　　HTTP 错误 403.1 - 禁止访问：执行访问被拒绝。 
　　Internet 信息服务 (IIS) 

　　技术信息（为技术支持人员提供） 

* 转到 Microsoft 产品支持服务并搜索包括“HTTP”和“403”的标题。 
* 打开“IIS 帮助”（可在 IIS 管理器 (inetmgr) 中访问），然后搜索标题为“配置 ISAPI 扩展”、“配置 CGI 应用程序”、“使用网站权限保护站点”和“关于自定义错误消息”的主题。 
* 在 IIS 软件开发工具包 (SDK) 或 MSDN Online Library 中，搜索标题为“Developing ISAPI Extensions”、“ISAPI and CGI”和“Debugging ISAPI Extensions and Filters”的主题。 

　　以下是解决的方法： 

　　单击操作系统的开始→程序→管理工具→Interneter服务器管理，在IIS中选择您的站点然后右键→属性，在虚拟目录选项中，查看“执行权限”是否设置为“无”，这里改成“纯脚本”保存即可。 

　　如下：

如果还不成，那么，在点击上图中的“创建”按钮，创建一个应用程序名称，这样就可以了！ 

通过上述两步的操作，就没有问题了，我是这样来解决的！

 

 

 

 

 

 

 

 



青蛙學堂 2012-05-09 08:47 发表评论
]]>JQUERY CSS 操作http://www.cnitblog.com/yide/archive/2012/05/03/79523.html青蛙學堂青蛙學堂Thu, 03 May 2012 02:11:00 GMThttp://www.cnitblog.com/yide/archive/2012/05/03/79523.htmlhttp://www.cnitblog.com/yide/comments/79523.htmlhttp://www.cnitblog.com/yide/archive/2012/05/03/79523.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/79523.htmlhttp://www.cnitblog.com/yide/services/trackbacks/79523.html

jQuery CSS 操作

jQuery 拥有三种供 CSS 操作的重要函数：

  • $(selector).css(name,value)
  • $(selector).css({properties})
  • $(selector).css(name)

CSS 操作实例

函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值：

实例

$(selector).css(name,value) $("p").css("background-color","yellow");

TIY

函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值：

实例

$(selector).css({properties}) $("p").css({"background-color":"yellow","font-size":"200%"});

TIY

函数 css(name) 返回指定的 CSS 属性的值：

实例

$(selector).css(name) $(this).css("background-color");

TIY

jQuery Size 操作

jQuery 拥有两种供尺寸操作的重要函数：

  • $(selector).height(value)
  • $(selector).width(value)

Size 操作实例

函数 height(value) 设置所有匹配元素的高度：

实例

$(selector).height(value) $("#id100").height("200px");

TIY

函数 width(value) 设置所有匹配元素的宽度：

实例

$(selector).width(value) $("#id200").width("300px");

TIY

jQuery CSS 函数 - 来自本页

CSS 属性描述
$(selector).css(name,value)为匹配元素设置样式属性的值
$(selector).css({properties})为匹配元素设置多个样式属性
$(selector).css(name)获得第一个匹配元素的样式属性值
$(selector).height(value)设置匹配元素的高度
$(selector).width(value)设置匹配元素的宽度

(selector) jQuery 元素选择器语法



青蛙學堂 2012-05-03 10:11 发表评论
]]>Div等高问题http://www.cnitblog.com/yide/archive/2012/04/03/78528.html青蛙學堂青蛙學堂Tue, 03 Apr 2012 05:55:00 GMThttp://www.cnitblog.com/yide/archive/2012/04/03/78528.htmlhttp://www.cnitblog.com/yide/comments/78528.htmlhttp://www.cnitblog.com/yide/archive/2012/04/03/78528.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/78528.htmlhttp://www.cnitblog.com/yide/services/trackbacks/78528.html网站主体DIV里面有左右两个DIV.分别为TLeft和TRight
<div id="TBody">
  <div id="TLeft">
  左边的内容
  </div>
  <div id="TRight">
  右边的内容
  </div>
</div>
因为内容不同肯定左右的高度不同.背景是蓝色的,而TLeft,TRight都是白色底,高度自动100%,高度不够的会露出一大块蓝底,非常不好看.
所以我在body加载的时候设置了一下判断
    <script language="javascript" type="text/javascript">
    function SetDivHeight()
    {
       if(this.document.getElementById("TLeft").scrollHeight>this.document.getElementById("TRight").scrollHeight)
       {
           this.document.getElementById("TLeft").style.height="100%";
       }
       else
       {
           this.document.getElementById("TLeft").style.height=this.document.getElementById("TRight").scrollHeight;
       }
    }
    </script>

<body onload="SetDivHeight();">

青蛙學堂 2012-04-03 13:55 发表评论
]]>cookie对象http://www.cnitblog.com/yide/archive/2012/03/15/78103.html青蛙學堂青蛙學堂Thu, 15 Mar 2012 03:22:00 GMThttp://www.cnitblog.com/yide/archive/2012/03/15/78103.htmlhttp://www.cnitblog.com/yide/comments/78103.htmlhttp://www.cnitblog.com/yide/archive/2012/03/15/78103.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/78103.htmlhttp://www.cnitblog.com/yide/services/trackbacks/78103.html
cookie 常用来对用户进行识别。


实例：
Welcome cookie
如何创建欢迎 cookie。

<%
dim numvisits
response.cookies("NumVisits").Expires=date+365 
numvisits=request.cookies("NumVisits")

if numvisits="" then
   response.cookies("NumVisits")=1
   response.write("欢迎！这是您第一次访问本页面。")
else
   response.cookies("NumVisits")=numvisits+1
   response.write("之前，您已经访问过本页面 ")
   response.write(numvisits & " 次。")
end if
%>
<html>
<body>
</body>
</html>


什么是 Cookie?
cookie 常用来对用户进行识别。cookie 是一种服务器留在用户电脑中的小文件。每当同一台电脑通过浏览器请求页面时，这台电脑也会发送 cookie。通过 ASP，您能够创建并取回 cookie 的值。
如何创建 cookie?
"Response.Cookies" 命令用于创建 cookie。
注意：Response.Cookies 命令必须位于 <html> 标签之前。
在下面的例子中，我们会创建一个名为 "firstname" 的 cookie，并向其赋值 "Alex"：
<%
Response.Cookies("firstname")="Alex"
%>
向 cookie 分配属性也是可以的，比如设置 cookie 的失效时间：
<%
Response.Cookies("firstname")="Alex" 
Response.Cookies("firstname").Expires=#May 10,2020#
%>
如何取回 cookie 的值？
"Request.Cookies" 命令用于取回 cookie 的值。
在下面的例子中，我们取回了名为 "firstname" 的 cookie 的值，并把值显示到了页面上：
<%
fname=Request.Cookies("firstname")
response.write("Firstname=" & fname)
%>
输出：
Firstname=Alex
带有键的 cookie
如果一个 cookie 包含多个值的一个集合，我们就可以说 cookie 拥有键（Keys）。
在下面的例子中，我们会创建一个名为 "user" 的 cookie 集。"user" cookie 拥有包含用户信息的键：
<%
Response.Cookies("user")("firstname")="John"
Response.Cookies("user")("lastname")="Adams"
Response.Cookies("user")("country")="UK"
Response.Cookies("user")("age")="25"
%>
读取所有的 cookie
请阅读下面的代码：
<%
Response.Cookies("firstname")="Alex"
Response.Cookies("user")("firstname")="John"
Response.Cookies("user")("lastname")="Adams"
Response.Cookies("user")("country")="UK"
Response.Cookies("user")("age")="25"
%>
假设您的服务器将所有的这些 cookie 传给了某个用户。
现在，我们需要读取这些 cookie。下面的例子向您展示如何做到这一点（请注意，下面的代码会使用 HasKeys 检查 cookie 是否拥有键）：
<html>
<body>

<%
dim x,y

 for each x in Request.Cookies
  response.write("<p>")
  if Request.Cookies(x).HasKeys then
    for each y in Request.Cookies(x)
      response.write(x & ":" & y & "=" & Request.Cookies(x)(y))
      response.write("<br />")
    next
  else
    Response.Write(x & "=" & Request.Cookies(x) & "<br />")
  end if
  response.write "</p>"
next
%>

</body>
</html>
输出：
firstname=Alex

user:firstname=John
user:lastname=Adams
user:country=UK
user:age=25
如何应对不支持 cookie 的浏览器？
如果您的应用程序需要和不支持 cookie 的浏览器打交道，那么您不得不使用其他的办法在您的应用程序中的页面之间传递信息。这里有两种办法：
1. 向 URL 添加参数
您可以向 URL 添加参数：
<a href="welcome.asp?fname=John&lname=Adams">
Go to Welcome Page
</a>
然后在类似于下面这个 "welcome.asp" 文件中取回这些值：
<%
fname=Request.querystring("fname")
lname=Request.querystring("lname")
response.write("<p>Hello " & fname & " " & lname & "!</p>")
response.write("<p>Welcome to my Web site!</p>")
%>
2. 使用表单
您还可以使用表单。当用户点击提交按钮时，表单会把用户输入的数据提交给 "welcome.asp" ：
<form method="post" action="welcome.asp">
First Name:  <input type="text" name="fname" value="">
Last Name: <input type="text" name="lname" value="">
<input type="submit" value="Submit">
</form>
然后在 "welcome.asp" 文件中取回这些值，就像这样：
<%
fname=Request.form("fname")
lname=Request.form("lname")
response.write("<p>Hello " & fname & " " & lname & "!</p>")
response.write("<p>Welcome to my Web site!</p>")
%>


青蛙學堂 2012-03-15 11:22 发表评论
]]>session对象http://www.cnitblog.com/yide/archive/2012/03/15/78102.html青蛙學堂青蛙學堂Thu, 15 Mar 2012 03:15:00 GMThttp://www.cnitblog.com/yide/archive/2012/03/15/78102.htmlhttp://www.cnitblog.com/yide/comments/78102.htmlhttp://www.cnitblog.com/yide/archive/2012/03/15/78102.html#Feedback1http://www.cnitblog.com/yide/comments/commentRss/78102.htmlhttp://www.cnitblog.com/yide/services/trackbacks/78102.html

Session 对象用于存储关于某个用户会话（session）的信息，或者修改相关的设置。存储在 session 对象中的变量掌握着单一用户的信息，同时这些信息对于页面中的所有页面都是可用的。

Session 对象
当您正在操作一个应用程序时，您会启动它，然后做些改变，随后关闭它。这个过程很像一次对话（Session）。计算机知道你是谁。它也知道你在何时启动和关闭这个应用程序。但是在因特网上，问题出现了：web 服务器不知道你是谁，也不知道你做什么，这是由于 HTTP 地址无法留存状态（信息）。
ASP 通过为每个用户创一个唯一的 cookie 解决了这个问题。cookie 发送到服务器，它包含了可识别用户的信息。这个接口称作 Session 对象。
Session 对象用于存储关于某个用户会话（session）的信息，或者修改相关的设置。存储在 session 对象中的变量掌握着单一用户的信息，同时这些信息对于页面中的所有页面都是可用的。存储于 session 变量中的信息通常是 name、id 以及参数等。服务器会为每位新用户创建一个新的 Session 对象，并在 session 到期后撤销这个对象。
下面是 Session 对象的集合、属性、方法以及事件：
集合
集合 描述
Contents 包含所有通过脚本命令追加到 session 的条目。
StaticObjects 包含了所有使用 HTML 的 <object> 标签追加到 session 的对象。
属性
属性 描述
CodePage 规定显示动态内容时使用的字符集
LCID 设置或返回指定位置或者地区的一个整数。诸如日期、时间以及货币的内容会根据位置或者地区来显示。
SessionID 为每个用户返回一个唯一的 id。此 id 由服务器生成。
Timeout 设置或返回应用程序中的 session 对象的超时时间（分钟）。
方法
方法 描述
Abandon 撤销一个用户的 session。
Contents.Remove 从 Contents 集合删除一个项目。
Contents.RemoveAll() 从 Contents 集合删除全部项目。
事件
事件 描述
Session_OnEnd 当一个会话结束时此事件发生。
Session_OnStart 当一个会话开始时此事件发生。


1.设置并返回 LCID
本例演示 "LCID" 属性。此属性设置并返回一个指示位置或者地区的整数。类似于日期、时间以及货币等内容都要根据位置或者地区来显示。


<html>
<body>

<%  
response.write("<p>")
response.write("本页的默认 LCID 是：" & Session.LCID & "<br />")
response.write("上面的 LCID 的日期格式是：" & date() & "<br />")
response.write("上面的 LCID 的货币格式是：" & FormatCurrency(350))
response.write("</p>")

Session.LCID=1036

response.write("<p>")
response.write("现在 LCID 变更为：" & Session.LCID & "<br />")
response.write("上面的 LCID 的日期格式是：" & date() & "<br />")
response.write("上面的 LCID 的货币格式是：" & FormatCurrency(350))
response.write("</p>")

Session.LCID = 3079

response.write("<p>")
response.write("现在 LCID 变更为：" & Session.LCID & "<br />")
response.write("上面的 LCID 的日期格式是：" & date() & "<br />")
response.write("上面的 LCID 的货币格式是：" & FormatCurrency(350))
response.write("</p>")

Session.LCID = 2057

response.write("<p>")
response.write("现在 LCID 变更为：" & Session.LCID & "<br />")
response.write("上面的 LCID 的日期格式是：" & date() & "<br />")
response.write("上面的 LCID 的货币格式是：" & FormatCurrency(350))
response.write("</p>")
%>

</body>
</html>


2.返回 SessionID
本例演示 "SessionID" 属性。该属性为每位用户返回一个唯一的 id。这个 id 由服务器生成。

<html>
<body>

<%
Response.Write(Session.SessionID)
%>

</body>
</html>

3.session 的超时
本例演示 "Timeout" 属性。这个例子设置并返回 session 的超时时间（分钟）。


<html>
<body>

<%  
response.write("<p>")
response.write("默认 Timeout 是：" & Session.Timeout & " 分钟。")
response.write("</p>")

Session.Timeout=30

response.write("<p>")
response.write("现在的 Timeout 是 " & Session.Timeout & " 分钟。")
response.write("</p>")
%>

</body>
</html>



Session 何时开始？
Session 开始于：
当某个新用户请求了一个 ASP 文件，并且 Global.asa 文件引用了 Session_OnStart 子程序时；
当某个值存储在 Session 变量中时；
当某个用户请求了一个 ASP 文件，并且 Global.asa 使用 <object> 标签通过 session 的 scope 来例示某个对象时；
Session 何时结束?
假如用户没有在规定的时间内在应用程序中请求或者刷新页面，session 就会结束。默认值为 20 分钟。
如果您希望将超时的时间间隔设置得更长或更短，可以设置 Timeout 属性。
下面的例子设置了 5 分钟的超时时间间隔：
<%
Session.Timeout=5
%>
要立即结束 session，可使用 Abandon 方法：
<%
Session.Abandon
%>
注意：使用 session 时主要的问题是它们该在何时结束。我们不会知道用户最近的请求是否是最后的请求。因此我们不清楚该让 session“ 存活”多久。为某个空闲的 session 等待太久会耗尽服务器的资源。然而假如 session 被过早地删除，那么用户就不得不一遍又一遍地重新开始，这是因为服务器已经删除了所有的信息。寻找合适的超时间隔时间是很困难的。
提示：如果您正在使用 session 变量，请不要在其中存储大量的数据。
存储和取回 session 变量
Session 对象最大的优点是可在其中存储变量，以供后续的网页读取，其应用范围是很广的。
下面的例子把 "Donald Duck" 赋值给名为 username 的 session 变量，并把 "50" 赋值给名为 age 的 session 变量：
<%
Session("username")="Donald Duck"
Session("age")=50
%>
一旦值被存入 session 变量，它就能被 ASP 应用程序中的任何页面使用：
Welcome <%Response.Write(Session("username"))%>
上面这行程序返回的结果是: "Welcome Donald Duck"。
也可以在 session 对象中保存用户参数，然后通过访问这些参数来决定向用户返回什么页面。
下面的例子规定，假如用户使用低显示器分辨率，则返回纯文本版本的页面：
<%If Session("screenres")="low" Then%> 
  This is the text version of the page
<%Else%> 
  This is the multimedia version of the page
<%End If%>
移除 session 变量
contents 集合包含所有的 session 变量。
可通过 remove 方法来移除 session 变量。
在下面的例子中，假如 session 变量 "age" 的值小于 18，则移除 session 变量 "sale"：
<%
If Session.Contents("age")<18 then 
  Session.Contents.Remove("sale")
End If 
%>
如需移除 session 中的所有变量，请使用 RemoveAll 方法：
<%
Session.Contents.RemoveAll()
%>
遍历 contents 集合
contents 集合包含所有的 session 变量。可通过遍历 contents 集合，来查看其中存储的变量：
<%
Session("username")="Donald Duck"
Session("age")=50

dim i
For Each i in Session.Contents
  Response.Write(i & "<br />")
Next
%>
结果：
username
age
如果需要了解 contents 集合中的项目数量，可使用 count 属性：
<%
dim i
dim j
j=Session.Contents.Count
Response.Write("Session variables: " & j)
For i=1 to j
  Response.Write(Session.Contents(i) & "<br />")
Next
%>
结果：
Session variables: 2
Donald Duck
50
遍历 StaticObjects 集合
可通过循环 StaticObjects 集合，来查看存储在 session 对象中所有对象的值：
<%
dim i
For Each i in Session.StaticObjects
  Response.Write(i & "<br />")
Next
%>




青蛙學堂 2012-03-15 11:15 发表评论
]]>Request对象http://www.cnitblog.com/yide/archive/2012/03/15/78101.html青蛙學堂青蛙學堂Thu, 15 Mar 2012 03:02:00 GMThttp://www.cnitblog.com/yide/archive/2012/03/15/78101.htmlhttp://www.cnitblog.com/yide/comments/78101.htmlhttp://www.cnitblog.com/yide/archive/2012/03/15/78101.html#Feedback0http://www.cnitblog.com/yide/comments/commentRss/78101.htmlhttp://www.cnitblog.com/yide/services/trackbacks/78101.html
Request 对象
当浏览器向服务器请求页面时，这个行为就被称为一个 request（请求）。
ASP Request 对象用于从用户那里获取信息。它的集合、属性和方法描述如下：
集合
集合 描述
ClientCertificate 包含了存储于客户证书中的域值（field values）
Cookies 包含了 HTTP 请求中发送的所有 cookie 值
Form 包含了使用 post 方法由表单发送的所有的表单（输入）值
QueryString 包含了 HTTP 查询字符串中所有的变量值
ServerVariables 包含了所有的服务器变量值
属性


QueryString 集合 实例

1.当用户点击链接时发送查询信息
本例演示如何在链接中向页面发送一些额外的查询信息，并在目标页面中取回这些信息（在本例中是同一页面）。
<html>
<body>

<a href="/example/aspe/demo_aspe_simplequerystring.asp?color=green">Example</a>

<%
Response.Write(Request.QueryString)
%>

</body>
</html>


2.对 QueryString 集合的简单应用
本例演示 QueryString 集合如何从表单取回值。此表单使用 GET 方法，
这意外着所发送的信息对用户来说是可见的（在地址中）。
GET 方法还会限制所发送信息的数量。

<html>
<body>

<form action="/example/aspe/demo_aspe_simplereqquery.asp" method="get">
First name: <input type="text" name="fname"><br />
Last name: <input type="text" name="lname"><br />
<input type="submit" value="Submit">
</form>

<%
Response.Write(Request.QueryString)
%>

</body>
</html>


3.如何使用从表单传来的信息
本例演示如何使用从表单取回的值。我们会使用 QueryString 集合。此表单使用 GET 方法。

<html>
<body>
<form action="/example/aspe/demo_aspe_reqquery.asp" method="get">
您的姓名：<input type="text" name="fname" size="20" />
<input type="submit" value="提交" />
</form>
<%
dim fname
fname=Request.QueryString("fname")
If fname<>"" Then
      Response.Write("你好！" & fname & "！<br />")
      Response.Write("今天过得怎么样？")
End If
%>
</body>
</html>


4.来自表单的更多信息
本例演示假如输入字段包含若干相同的名称的话，QueryString 会包含什么内容。它将展示如何把这些相同的名称分隔开来。它也会展示如何使用 count 关键词来对 "name" 属性进行计数。此表单使用 GET 方法。

<html>
<body>

<%
If Request.QueryString<>"" Then
      If Request.QueryString("name")<>", " Then
           name1=Request.QueryString("name")(1)
           name2=Request.QueryString("name")(2)
      end if
end if
%>

<form action="/example/aspe/demo_aspe_reqquery2.asp" method="get">
First name:
<input type="text" name="name" value="<%=name1%>" />
<br />
Last name:
<input type="text" name="name" value="<%=name2%>" />
<br />
<input type="submit" value="Submit" />
</form>
<hr>
<%
If Request.QueryString<>"" Then
      Response.Write("<p>")
      Response.Write("The information received from the form was:")
      Response.Write("</p><p>")
      Response.Write("name=" & Request.QueryString("name"))
      Response.Write("</p><p>")
      Response.Write("The name property's count is: ")
      Response.Write(Request.QueryString("name").Count)
      Response.Write("</p><p>")
      Response.Write("First name=" & name1)
      Response.Write("</p><p>")
      Response.Write("Last name=" & name2)
      Response.Write("</p>")
end if
%>
</body>
</html>


Form 集合 实例

1.一个 Form 集合的简单应用
本例演示 Form 集合如何从表单取回值。此表单使用 POST 方法，这意味着发送的信息对用户来说是不可见的，并且对所发送信息的量没有限制（可发送大量的信息）。


<html>
<body>

<form action="/example/aspe/demo_aspe_simpleform1.asp" method="post">
First name:
<input type="text" name="fname" value="Donald" />
<br />
Last name:
<input type="text" name="lname" value="Duck" />
<br />
<input type="submit" value="Submit" />
</form>

<%
Response.Write(Request.Form)
%>

</body>
</html>

2.如何使用来自表单的信息
本例演示如何使用从表单取回的信息。我们使用了 Form 集合。表单使用了 POST 方法。

<html>
<body>
<form action="/example/aspe/demo_aspe_simpleform.asp" method="post">
您的姓名：<input type="text" name="fname" size="20" />
<input type="submit" value="提交" />
</form>
<%
dim fname
fname=Request.Form("fname")
If fname<>"" Then
      Response.Write("您好！" & fname & "！<br />")
      Response.Write("今天过得怎么样？")
End If
%>
</body>
</html>


3.来自表单的更多信息
本例演示假如若干的输入域使用了相同的名称，Form 集合会包含什么信息。它将展示如何把这些相同的名称分割开来。它也会展示如何使用 count 关键词来对 "name" 属性进行计数。此表单使用 POST 方法。


<html>
<body>

<form action="/example/aspe/demo_aspe_form2.asp" method="post">
First name:
<input type="text" name="name" value="Donald" />
<br />
Last name:
<input type="text" name="name" value="Duck" />
<br />
<input type="submit" value="Submit" />
</form>
<hr />

<p>来自上面的表单的信息：</p>
<%
If Request.Form("name")<>"" Then
      Response.Write("<p>")
      Response.Write("name=" & Request.Form("name"))
      Response.Write("</p><p>")
      Response.Write("name 属性的数目：")
      Response.Write(Request.Form("name").Count)
      Response.Write("</p><p>")
      Response.Write("First name=" & Request.Form("name")(1))
      Response.Write("</p><p>") 
      Response.Write("Last name=" & Request.Form("name")(2))
      Response.Write("</p>") 
End if
%>

</body>
</html>


4.带有单选按钮的表单
本例演示如何使用 Form 集合通过单选按钮与用户进行交互。此表单使用 POST 方法。


<html>
<%
dim cars
cars=Request.Form("cars")
%>
<body>
<form action="/example/aspe/demo_aspe_radiob.asp" method="post">
<p>请选择您喜欢的汽车：</p>

<input type="radio" name="cars"
<%if cars="Volvo" then Response.Write("checked")%>
value="Volvo">Volvo</input>
<br />
<input type="radio" name="cars"
<%if cars="Saab" then Response.Write("checked")%>
value="Saab">Saab</input>
<br />
<input type="radio" name="cars"
<%if cars="BMW" then Response.Write("checked")%>
value="BMW">BMW</input>
<br /><br />
<input type="submit" value="提交" />
</form>
<%
if cars<>"" then
   Response.Write("<p>您喜欢的汽车是" & cars & "</p>")
end if
%>
</body>
</html>

5.带有复选按钮的表单
本例演示如何使用 Form 集合通过复选按钮与用户进行交互。此表单使用 POST 方法。


<html>
<body>
<%
fruits=Request.Form("fruits")
%>

<form action="/example/aspe/demo_aspe_checkboxes.asp" method="post">
<p>您喜欢哪些水果：</p>
<input type="checkbox" name="fruits" value="Apples"
<%if instr(fruits,"Apple") then Response.Write("checked")%>>
Apple
<br />
<input type="checkbox" name="fruits" value="Oranges"
<%if instr(fruits,"Oranges") then Response.Write("checked")%>>
Orange
<br />
<input type="checkbox" name="fruits" value="Bananas"
<%if instr(fruits,"Banana") then Response.Write("checked")%>>
Banana
<br />
<input type="submit" value="提交">
</form>
<%
if fruits<>"" then%>
   <p>您喜欢：<%Response.Write(fruits)%></p>
<%end if
%>

</body>
</html>


1.获取用户信息
如何查明访问者的浏览器类型、IP 地址等信息。


<html>
<body>
<p>
<b>您正在通过这款浏览器访问我们的站点：</b>
<%Response.Write(Request.ServerVariables("http_user_agent"))%>
</p>
<p>
<b>您的 IP 地址是：</b>
<%Response.Write(Request.ServerVariables("remote_addr"))%>
</p>
<p>
<b>IP 地址的 DNS 查询是：</b>
<%Response.Write(Request.ServerVariables("remote_host"))%>
</p>
<p>
<b>调用该页面所用的方法是：</b>
<%Response.Write(Request.ServerVariables("request_method"))%>
</p>
<p>
<b>服务器的域名：</b>
<%Response.Write(Request.ServerVariables("server_name"))%>
</p>
<p>
<b>服务器的端口：</b>
<%Response.Write(Request.ServerVariables("server_port"))%>
</p>
<p>
<b>服务器的软件：</b>
<%Response.Write(Request.ServerVariables("server_software"))%>
</p>

</body>
</html>

2.获取服务器变量
本例演示如何使用 ServerVariables 集合取得访问者的浏览器类型、IP 地址等信息。


<html>
<body>

<p>
所有可能的服务器变量：
</p>
<%
For Each Item in Request.ServerVariables
      Response.Write(Item & "<br />")
Next
%>

</body>
</html>

3.创建 welcome cookie
本例演示如何使用 Cookies 集合创建一个欢迎 cookie。

<%
dim numvisits
response.cookies("NumVisits").Expires=date+365 
numvisits=request.cookies("NumVisits")

if numvisits="" then
   response.cookies("NumVisits")=1
   response.write("欢迎！这是您第一次访问本页面。")
else
   response.cookies("NumVisits")=numvisits+1
   response.write("之前，您已经访问过本页面 ")
   response.write(numvisits & " 次。")
end if
%>
<html>
<body>
</body>
</html>

4.探测用户发送的字节总数
本例演示如何使用 TotalBytes 属性来取得用户在 Request 对象中发送的字节总数。

<html>
<body>

<form action="/example/aspe/demo_aspe_totalbytes.asp" method="post">
请键入一些字符：
<input type="text" name="txt"><br /><br />
<input type="submit" value="提交">
</form>

<%
If Request.Form("txt")<>"" Then
   Response.Write("您提交了：")
   Response.Write(Request.Form)
   Response.Write("<br /><br />")
   Response.Write("字节总计：")
   Response.Write(Request.Totalbytes)
End If
%>

</body>
</html>













青蛙學堂 2012-03-15 11:02 发表评论
]]>