web笔记

https://msdn.microsoft.com/zh-cn/library

http://www.w3school.com.cn/sql/sql_datatypes.asp


textBox的textChanged事件:

文本框内容发生改变后执行的代码,但必须是页面被“提交”才执行。
修改文本框内容后,直接回车“提交”,要设置属性:autoPostBack=true

bulletedList控件:
<ul>
<li>11</li>
<li>22</li>
</ul>

css:层叠样式表,控制网页的样式与布局,解决了内容与表现分离的问题
margin:外边框
padding:内边框
border:边框

页面事件执行的顺序:
perInit
init
initComplete
perLoad
page.load
控件load
控件事件
。。。
render
page.unload

页面跳转的4中方法:
1、超链接
2、response.redirect("url")
3、server.transfer("url")
4、postbackUrl

CSS:
CSS语法:
选择器{属性1:值1;属性2:值2;.....}
选择器的几种类型:
HTML选择器:
P{color:red} //p是HTML中的标签(保留关键字)
ID选择器:
#test{color:red}
类选择器:
.test{color:red}
还有一个属性选择器:
对带有指定属性的HTML元素设置样式
用法:
[align=center]{color:red}
例:
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>哈哈</title>
<style type="text/css">
p {color:blue}      //HTML选择器,其中p为HTML的标签(保留关键字)
#test{color:red} //ID选择器,用法如下所示
.test1{color:green} //类选择器,用法如下所示
[name="yp"]{color:red}
[name~="t1"]{color:red} //表示有空格
[name|="t"]{color:red} //表示有连字符-
</style>
</head>


<body>
<form id="form1" runat="server">
<div>
<p>呵呵呵呵</p>
<p id="test">呵呵呵2</p>
<p class="test1">呵呵3</p>
<p name="yp">呵呵4</p>
<p name="t t1">呵呵5</p>
<p name="t-t1">呵呵6</p>
</div>
</form>
</body>
CSS用法:
直接样式表:
<p style="color:red">这是一个段落1</p>
内部样式表:
<style type="text/css">
p{color:red}
</style>

<p>这是一个段落2</p>
外部样式表:
//style.css文件中写:
p{color:red}
源文件中引入.css文件:
<link rel="stylesheet" href="style.css" type="text/css" />
实际编程中的写法:
p,span{color:red} //表示多个HTML标签使用相同的样式
p  span{color:red} //表示p标签里面的span标签运用此样式。 <p>这是个<span>什么</span></p>,对span运用此样式
p#t{color:red} //表示p标签的id属性为t时运用此样式。<p id="t">这是个什么</p>
p.t{color:red} //表示p标签的class属性为t时运用此样式。<p class="t">这是个什么</p>

p#t span{color:red}//表示p标签的id属性为t,且里面有span标签时对span标签运用此样式。<p id="t">这是个<span>什么</span></p>  对span运用此样式


伪类:
伪类语法:
选择器 : 伪类{属性:值;.....}//在选择器对应的标签对象上发生某些动作时运用的样式
锚伪类:
超链接的伪类
a:link{color:red}//未访问的链接
a:visited{color:red}//已访问的链接
a:hover{color:red}//鼠标移动
a:active{color:red}//选定的链接

其他伪类:
:first-child
: left
: right
: lang
: focus



子对象选择器:
body > p {color:red}//表示对body标签下的所有p标签运用此样式


div:
一行始终只有一个div标记


绝对位置和相对位置:
position:absolute;
position:relative;


流式布局:
float:left;
clear:left //表示不允许左边有浮动对象,和float相对立


height与line-height的区别:
height用来表示容器的高度,line-height 用来表示,这一容器内的每行文字的高度。height:是容器的高,必须是块级标签才有校,行级标签需要设置display后才能有效。
line-height:这个是行高,比如div这个块级标签,你是设置height:500px;就是div的高为500px;
设置line-height:100px;这样这个div你写文字只能写5行,5*100为500

滚动字幕:
<marquee width="100px" height="25px" scrollamount="1" direction="left" scrolldely="10">这是滚动内容</marquee>

源文件中引入.js文件:
<script type="text/javascript" src="t.js"></script>


函数定义:
function  函数名 (参数1,参数2,。。。)
{
语句
}

javascript内置对象:
数组对象: Array    Array是动态数组,会自动增长,如var v=new Array[5] ; v[5]=10; v.length=6;会自动增加
字符串对象
数学对象
日期对象:date
正则表达式

浏览器对象模型(BOM):
window
document(DOM)
anchors
forms
images
links
location //表示URL
frames
history //提供最近访问过的网址列表信息
location
navigator //提供有关浏览器厂商和版本信息
screen
Object
Array


setTimeout() //实现在指定的时间之后单次调用某函数
setInterval() //实现在指定的时间之后重复调用某函数


posLeft  不带单位


为了浏览器兼容,引用body元素时使用document.documentElement.style方式


对话框:
alert()
confirm()
prompt()


showModalDialog()
dialogArguments[0] //传递过来的参数
window.returnValue //返回去的值


换行:
<br />


nodeType:
9代表document节点;1代表element节点;3代表text节点;8代表comment节点;


添加子节点:
appendChild
插入子节点:
insertBefore()
删除子节点:
removeChild()
下拉列表框:
<select />
<option />
表单:
form
submit()


dropDownList:单选
listBox;可以多选,默认单选


toolTip; alternatetext;提示文字


页面生命周期:
服务器端:
1、从客户端发回的页面中提取有用信息
2、IIS服务器通过发回的名称从硬盘中找出原始页面
3、用提取的信息与原始页面(可以看作就是客户端发回的页面)重新编译成一个新的页面发到客户端


c#request与response:
1、首先Request和Response是ASP.NET中为了响应客户端请求所需要并创建的对象实例他们的类型分别是HttpRequest,HttpResponse 其中Request包含了所有的客户端请求的信息.比如Cookie,HttpMethod,QueryString,Form等
2、而Response中包含的是对客户端请求的响应,即发送至客户端的信息。
request是客户端向服务器提交的信息
response是服务器响应客户端的信息


跨页面传值常用方法:
queryString
form-post
cookies
application
session

换行:
<br />


当前URL:
request.url.localPath.toString()

session.abandon()


页面传值的几种方式:
queryString
控件(previousPage.findControl("ID"))
cookie
session
application

本页刷新:
<meta  http-equiv="refresh" content="3"/>
定时跳转:
<meta  http-equiv="refresh" content="3;url=http://www.baidu.com" />

<iframe>标签划分页


table控件的代码结构:
多个tablecell组成一个tableRow
多个tableRow组成一个table


table消除单元格之间的间距:
table的style属性中添加:
border-collapse:collapse;


panel与placeHolder的区别:
后者不产生HTML标记,前者产生div标记


背景图片:
background-img:url("图片相对路径")
background-repeat//重复方式
background-position//位置

文字居中:
text-align:center

3
将虚拟路径转换为服务器的物理路径:
server.mappath()
将字符串组合成完整路径:
path.combine(str1,str2,...)

display;block


运用模板页时,子版页中的控件id在嵌入到模板页时会自动在id前面添加一些内容,以避免与模板页的id有重复。
为了不让id自动改变,可以添加属性:
clientMode="Static"


清除浏览器自动套用的格式:
body,div,p,img,h1,h2,h3,h4,h5{margin:0px ; padding:0px}

引用数据库中的字段值:
<%#Eval("字段",格式)%>//用在listView中,layoutTemplate(layoutTemplate中要有个itemTemplate的占位容器placeholder),itemTemplate

jquery:
$(document).ready(function () {
            $("#Button1").click(function () {
                $("#Text1").val("12345");
            });
        });

jquery设置CSS属性:
$("选择器").css("CSSname",CSSvalue);

position:absolute与relative的区别:
设置absolute属性后,元素的位置可以浮游到页面的其他位置,而原始的位置则会被其他元素占据,且其移动的位置top,left相对于页面的左上角而言的。
设置relative属性后,元素的位置也是可以浮游到页面的其他位置,但原来的位置则会继续保留而不被其他元素占据,移动的位置top,left相对于原始的位置左上角而言的。
设置pixed属性后,与absolute属性差不多,只是其top,left的位置是相当一屏幕而言的,所以当页面右侧垂直滚动条向下滚动时其位置一直可见的。

display:none //元素不显示,不占位。
visibility:hidden //元素不显示,占位。


jquery一些方法说明;
mouseover //经过子元素也会触发
mouseenter //经过被选元素才触发

mouseout //经过子元素也会触发
mouseleave //经过被选元素才触发

fadein/fadeout//渐入渐出效果

display:block //div的默认显示方式,块状显示方式
:link,visited,hover,active   ;love hate 原则,lvha


//4
c#执行sql代码完成后为让listView控件绑定的数据更新,应该再调用listView.dataBind()
datakeynames="主键" //告诉listView数据源的主键,如果listView不加这条属性的话,删除按钮和插入按钮将不起作用


有时在页面最下方操作完成提交页面后,回发的页面又跑到顶部去了,此时用户体验不好为了让 页面回发之后页面仍停留在提交时的位置,可以设置:
aspx最上面的代码处(<%@ Page Language="C#")中添加属性:maintainScrollPositionOnPostback="true";

验证控件;
compareValidator//比较验证
customValidator//自定义验证
rangeValidator//范围验证
regularExpressValidator//正则表达式验证
requiredFieldValidator//非空验证
validationSummary//验证结果的汇总

Jquery对select标签的操作:
1、侦听改变事件:.change(){}
2/获取当前选择项的value值:.val()
3/获取当前选择项的text值:.find("option:selected").text()

<hr /> 表示一条横线,可以充当分割线
ClientIdMode //服务端控件的id在客户端可能被改名(防止有重命名)


新增sitemap文件:
    <system.web>
      <siteMap>
        <providers>
          <add type="System.Web.XmlSiteMapProvider" name="sss" siteMapFile=""/>
        </providers>
      </siteMap>
      <compilation debug="false" targetFramework="4.0" />
    </system.web>


css中添加 !important 可以改变css选择器的优先级
如:#div1{padding:10px 5px 5px 5px !important}


<httpRuntime maxRequestLength="" executionTimeout="" />


httpPostedFile //上传的文件对象类型


<triggers> //触发器
<asp:AsyncPostBackTrigger //异步触发器
</triggers>


<asp:PostBackTrigger //同步触发器,这个“同步”指的是:当对应控件触发后,不仅仅导致这个updatePanel更新,而且会导致整个页面刷新

注册updatePanel刷新后执行的javascript代码:
ScriptManager.RegisterStartupScript(this,this.getType(),"",_script,true);
_script是字符串形式的一段js代码

dataBind事件发生在button_click事件之后


ajaxStart()


AjaxControlToolKit  工具包


在客户端更改控件的显示模式:
$("#ID").attr("readonly","readonly");


过滤
水印
滑块Slider






在web.config配置中添加ajaxControlToolKit,以免每次在页面中拖入一个ajaxControlToolKit是都要改tagPrefix=。
<pages>
<controls>
<add assembly="AjaxControlToolKit" namespace="AjaxControlToolkit" tagPrefix="ACTK" />
</controls>
</pages>






正则表达式与过滤规则的区别:
正则表达式是验证用户的输入是否与设定的规则一致,用户可以随便输入
过滤则是限制用户只能输入哪些值


弹出层扩展 相当于 一个 纽带,把目标控件与要弹出的控件联系起来了
popupControlExtender.commit()可以提交一个返回值,返回值是popupControlId控件中选择的值,返回到targetControlId控件中
commitProperty="",指示扩展extender.commit()构建的返回值给哪个属性,默认的话是给text=


输入框的智能提示效果:
select * from table1 where _name like %控件输入的值%


background-size: 100% 100%  //x轴100%  y轴100%
background-attachment:
opacity:0.7 //透明度


$("选择器").animate() //动画效果


后台向前台传值:
1、后台向前台注册页面起始运行的JS代码:
scriptManager.registerStartupScript(this,this.getType(),"",string类型的js代码段,true) //
2、<%=fun(id.ToString())%>


后台写一个对应的方法
public string fun(stirng id)
{
//操作
return id;
}


或者:
 前台:
   $.ajax({
   type: 'POST',
   url: "aa.aspx",
   data: arr,
 


   后台:
   Request.Params["arr"]




overFlow:hidden; //在这个元素的矩形框以外的子元素内容不显示


事件执行顺序:
page_init

page_load
模板页load
控件load

控件click

page_preRender
模板页preRender
控件preRender

设置一个多值cookie:
httpCookie hc=new httpCookie("userInfo");
hc.values.add("userId","11");
hc.values.add("userName","yangpeng");
hc.values.add("userPassword","yp12345");
hc.expires=DateTime.MaxValue;
httpContext.current.response.cookies.add(hc);  在一个类中response药写成这里这个样子的全路径


服务端向客户端发送文件:
string fileName="ffff";
string filePath=server.mapPath("gagaw/ghah/a");
response.clear();
response.buffer=true;


response.addheader("content-disposition","attachment;filename="+fileName);
response.contentType="application/unknow";
response.transmitFile(filePath);
response.end();







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值