工作笔记-页面样式部分

相关笔记
-工作笔记-Gridview部分
-工作笔记-Datatable部分
-工作笔记-字段处理部分
-工作笔记-数据验证和数据传输
-工作笔记-SQL语句部分
-工作笔记-页面样式部分
-工作笔记-Winform部分
-工作笔记-文件处理部分
-工作笔记-下拉列表部分

1. Js部分
   1）让整个页面的input按钮不可输入

function setReadOnly() {        var inputList = document.getElementsByTagName("input");        for (var i = 0; i < inputList.length; i++) {            inputList[i].readOnly = true;        }    }//调用setReadOnly();

2）jquery判断文本值并添加css样式

if ($('#id名').val() == '预约时间') {                    $('#id名').css("color", "#dfdfdf");                } else {                    $('#id名').css("color", "#000000");                }

3）子页面修改关闭页面后父页面直接刷新

1.父页面方法<script type="text/javascript">function upda() {    document.getElementById("查询按钮ID").click();        }</script>2.子页面后台JsMessBox.ExeScript(无刷新控件ID, "", "alert('保存成功');parent.closeed();parent.upda();");closeed();关闭子页面update();父页面javascript方法

4）是否删除

function ClearSession() {            if (confirm('是否删除！')) {            }        }

1. Html部分
   1）设置table的黑色边框

<style type="text/css">        table        {            border-collapse: collapse;            border: none;        }        td        {            border: solid #000 1px;        }</style>

2）整个table内容居中

<center>    <table></table></center>

3）字体居中

text-align:center;

4）文本框显示字体垂直居中：文本框的高度和行高设为一样

height:30px;line-height:30px;

5）字体距离抬头缩进：text-indent:10px;
字体间距：letter-spacing:10px;

6）table中td垂直居中显示（现在td里面）

vertical-align:middle; margin-top:0;

7）打印这一行内容后分页

 style=" page-break-after: always"

8）打印这一行内容前分页

 style=" page-break-before: always"

9）导出EXEC格式不显示科学计算法

Style=”vnd.ms-excel.numberformat:@;”

3.后台部分
1）后台显示隐藏控件

控件名.visible=false;(隐藏)控件名.visible=true;(显示)this.控件名.Style.Add("display", "none");（隐藏）this.btnCancel.Style.Add("display", "block");（显示）

2）后台添加前台div的代码

<div id="divid"></div>

3）后台代码

string insert="";insert+="";(可循环添加)divid.InnerHtml=insert;