工作笔记-页面样式部分

相关笔记
-工作笔记-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;