ASP.NET实例总结

来自：北方天空A > 馆藏分类

配色：

字号：大中小

的height属性
<78>成功刷新父页面1Response.Write("");<79>成功刷新框架所在页面1Resp
onse.Write("");<80>获取图片宽和高11.采用客户端javascript可以取得图片
大小onpropertychange="javascript:img2.src=this.value;">2"src=""style="visibility:hidden;position:absolute;top=-10000"/
>criptlanguage="javascript">functionabc(){alert(img2.width);
}2.采用流取得图片大小Streamstream=file.PostedFile.InputStream;System.Dr
awing.Imageimage=System.Drawing.Image.FromStream(stream);Image.W
idthImage.Height3.使用文件得到图片大小System.Drawing.Imageimage=System.D
rawing.Image.FromFile（图片路径）Image.WidthImage.Height<81>成功获取图片宽和高
1usingSystem;usingSystem.Collections.Generic;usingSystem.Web;u
singSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceINGN
ET.Web{publicpartialclasstest:System.Web.UI.Page{protecte
dvoidPage_Load(objectsender,EventArgse){}protectedvoidB
utton1_Click(objectsender,EventArgse){System.Drawing.Imagei
mage2=System.Drawing.Image.FromFile(Server.MapPath("images/dh4.
jpg"));Response.Write(image2.Height.ToString()+"\\n"+image2.
Width.ToString());}}}<82>成功Literal用法1前台：<%@ControlLanguage="C
#"AutoEventWireup="true"CodeBehind="integrity.ascx.cs"Inherits
="INGNET.Web.same_city_net.Member_system.enterprise_member_manage
.proscenium_net.integrity"%>func
tionzoom_enterprise_logo(height_para,width_para){document.get
ElementById("img_enterprise_logo").height=height_para;document
.getElementById("img_enterprise_logo").width=width_para;}ipt>

ef="#">诚?信?档ì|ì案??vclass="index-left-sjxx">s="index-left-img">_image_url_page%>"alt=""/>

_name_tb_interface"runat="server">

gsrc="images/renzheng.gif"width="20"height="23"/>
信?息?é认¨?
证?è
t="23"/>
推a?荐?企¨?业°|ì
.gif"width="20"height="23"/>
推a?荐?企¨?业°|ì

<
/div>

商|¨?家¨°信?誉?t：êoight="11"/>/>

好?评¨¤度¨¨：êogsrc="images/xingxing.gif"width="12"height="11"/>ages/xingxing.gif"width="12"height="11"/>

联￠a
系|ì客¨a服¤t：êoht="20"/>ight="20"/>height="20"/>

eft-img1">eight="30"/>="80"height="30"/>ID="Literal1"runat="server">后台：usingSystem;using
System.Collections.Generic;usingSystem.Web;usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;namespaceINGNET.Web.same_city_ne
t.Member_system.enterprise_member_manage.proscenium_net{publicp
artialclassintegrity:System.Web.UI.UserControl{publicstrin
gstring_1_image_url_page="";//公?司?logoprotectedvoidPage_Loa
d(objectsender,EventArgse){//if(!IsPostBack)//{stringst
ring_1_company_name_fun=HttpUtility.UrlDecode(Request.QueryStri
ng["string_1_company_name"].ToString());ViewState["string_1_comp
any_name_page"]=string_1_company_name_fun;string_1_company_nam
e_tb_interface.Text=string_1_company_name_fun;//求¨?公?司?信?息?és
tringwhere_fun="(string_1_company_name=''"+ViewState["string
_1_company_name_page"].ToString()+"'')";INGNET.MODEL.same_city_
net.member_user_managemember_user_manage_fun=INGNET.BLL.same_c
ity_net.member_user_manage_Server.GetModel(where_fun);if(member
_user_manage_fun!=null){string_1_image_url_page="../good/go
od_images/"+member_user_manage_fun.string_1_image_url;//======
=================================================================
==========//求¨?图a?片?宽¨a和¨a高?System.Drawing.Imageimage2=Syste
m.Drawing.Image.FromFile(Server.MapPath(string_1_image_url_page))
;doubleHeight_fun=image2.Height;doubleWidth_fun=image2.Wi
dth;doublerate_fun=120/Height_fun;doubleHeight_fun2=Hei
ght_funrate_fun;doubleWidth_fun2=Width_funrate_fun;Hei
ght_fun2=Math.Round(Height_fun2,2);Width_fun2=Math.Round(Wi
dth_fun2,2);//Response.Write("");Literal1.Text="javascript''>zoom_enterprise_logo("+Height_fun2+","+Width_fu
n2+");";//===========================================
===========================================}//}}}}<83>成功用Link
Button会丢失数据1<84>成功js关闭窗口不提示1window.opener=null;window.open('''',''_s
elf'');window.close();<85>成功关闭页面不提示1window.opener=null;window.open
('''',''_self'');window.close();<86>成功执行另页面代码1//test2aa=newtest2(
);//test2为另页面名称//aa.get_variables(MerId,OrdId,TransAmt,TransD
ate,BgRetUrl,PageRetUrl,ChkValue);//Response.Redirect("test2.
aspx?MerId="+HttpUtility.UrlEncode(MerId)+"&OrdId="+HttpUti
lity.UrlEncode(OrdId)+"&TransAmt="+HttpUtility.UrlEncode(Tran
sAmt)//+"&TransDate="+HttpUtility.UrlEncode(TransDate)+"&B
gRetUrl="+HttpUtility.UrlEncode(BgRetUrl)+"&PageRetUrl="+Ht
tpUtility.UrlEncode(PageRetUrl)//+"&ChkValue="+HttpUtility.U
rlEncode(ChkValue),true);<87>成功Request.Form取值1前台：ndex-seach-input"name="tb_interface_search_good_term"type="text
"maxlength="300"/>后台：stringsearch_good_term_fun=Request.Form
["tb_interface_search_good_term"].ToString();<88>成功获取前台值1前台：tclass="index-seach-input"name="tb_interface_search_good_term"
type="text"maxlength="300"/>后台：stringsearch_good_term_fun=Re
quest.Form["tb_interface_search_good_term"].ToString();<89>成功使用倒计
时1functionshow1(){varobj_fun
=document.getElementById("span_dt_dt");obj_fun.innerHTML=obj_
fun.innerHTML-1;if(obj_fun.innerHTML=="0"){document.getEl
ementById("whether_mobile_phone_validate").value="已°?过y期¨2";cl
earInterval(sh);}}varsh=setInterval(show1,1000);<
90>成功图片上面加字1<%@PageLanguage="C#"AutoEventWireup="true"CodeBeh
ind="test.aspx.cs"Inherits="INGNET.Web.same_city_net.Member_syst
em.fore_page.test"%>Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
tional.dtd">t="server">server"><%--

/>background:url(../images/ding-bg.gif)repeat-x;

--%>ivstyle="background:url(../../currency/images/shopcart.jpg);wi
dth:214px;height:28px;">:5px;font-size:14px;">p:Label><%--ncy/images/shopcart.jpg)width:214px;height:28px;">fdssdf>--%>ick"Text="Button"/><
/asp:TextBox><91>成功$(document)意思1意思是说，获取整个网
页文档对象（类似的于window.document）<92>$(document).ready意思1$(document).rea
dy意思就是说，获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作（译者注：这样做比window.on
load()函数要快的多，因为只要文档对象载入完成就能够执行代码了，而不需要等待页面中的图片下载是否已经完成）---这是我们想要的
。<93>$(''a'')意思1相当于document.getElementById(''a'')<94>$意思1$(''a''
)相当于document.getElementById(''a'')<95>js对文字加密与解密1js对文字进行加密与解密涉e
scape,encodeURI,encodeURIComponent2008年02月03日星期日13:26js对文字进行编码涉
及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decod
eURI,decodeURIComponent1、?传递参数时需要使用encodeURIComponent，这样组合的url才
不会被#等特殊字符截断。?例如：document.write(''href="http://passport.baidu.com/?logout&aid=7&u=%20+encodeURIComp
onent(%22http://cang.baidu.com/bruce42%22)+http://passport.baidu.
com/?logout&aid=7&u=''+encodeURIComponent("http://cang.baidu.com/b
ruce42")+''">退出'');2、?进行url跳转时可以整体使用encodeURI例如：Locat
ion.href=encodeURI("http://cang.baidu.com/do/s?wordhttp://cang.ba
idu.com/do/s?word=百度&ct=21");3、?js使用数据时可以使用escape例如：搜藏中history纪录
。4、?escape对0-255以外的unicode值进行编码时输出%u格式，其它情况下escape，encodeURI
，encodeURIComponent编码结果相同。最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符
转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持
（form中的编码方式和当前页面编码方式相同）escape不编码字符有69个：，+，-，.，/，@，_，0-9，a-z，A-Ze
ncodeURI不编码字符有82个：!，#，$，&，''，(，)，，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z
，A-ZencodeURIComponent不编码字符有71个：!，''，(，)，，-，.，_，~，0-9，a-z，A-Zesc
ape方法对String对象编码以便它们能在所有计算机上可读，escape(charString)必选项charstrin
g参数是要编码的任意String对象或文字。说明escape方法返回一个包含了charstring内容的字符串值（U
nicode格式）。所有空格、标点、重音符号以及其他非ASCII字符都用%xx编码代替，其中xx等于表示该字符的十六
进制数。例如，空格返回的是"%20"。字符值大于255的以%uxxxx格式存储。注意?escape方法不能够用来对
统一资源标示码(URI)进行编码。对其编码应使用encodeURI和encodeURIComponent方法。encod
eURI方法将文本字符串编码为一个有效的统一资源标识符(URI)。encodeURI(URIString)必选的URIStr
ing参数代表一个已编码的URI。说明encodeURI方法返回一个编码的URI。如果您将编码结果传递给decodeUR
I，那么将返回初始的字符串。encodeURI方法不会对下列字符进行编码：":"、"/"、";"和"?"。请使用encod
eURIComponent方法对这些字符进行编码。encodeURIComponent方法将文本字符串编码为一个统一资源标识符
(URI)的一个有效组件。encodeURIComponent(encodedURIString)：必选的encodedUR
IString参数代表加密一个已编码的URI组件。decodeURIComponent(decodedURIString)：
必选的decodeURIComponent参数解密。说明encodeURIComponent方法返回一个已编码的URI。如果
您将编码结果传递给decodeURIComponent，那么将返回初始的字符串。因为encodeURIComponent方法
对所有的字符编码，请注意，如果该字符串代表一个路径，例如/folder1/folder2/default.html，其中的斜杠也
将被编码。这样一来，当该编码结果被作为请求发送到web服务器时将是无效的。如果字符串中包含不止一个URI组件，请使用en
codeURI方法进行<96>成功gridview中建多个按钮1前台：="操¨′作á??">t="server"CausesValidation="False"CommandName="select1"Text="选
?择?1"OnClientClick="returnconfirm(''您¨2确¨?¤认¨?选?择?该?用??户?ì吗e?'');
">r"CausesValidation="False"CommandName="select2"Text="选?择?2"On
ClientClick="returnconfirm(''您¨2确¨?¤认¨?选?择?该?用??户?ì吗e?'');">LinkButton>sValidation="False"CommandName="select3"Text="选?择?2">kButton>后台：protectedvoidGr
idView1_RowCommand(objectsender,GridViewCommandEventArgse){s
witch(e.CommandName){case"select1":MessageBox_page.Show(this
.Page,"select1");break;case"select2":MessageBox_page.Show(th
is.Page,"select2");break;case"select3":MessageBox_page.Show(
this.Page,"select3");break;}}<97>成功子页面给父页面控件赋值1A页面：<%@PageL
anguage="C#"AutoEventWireup="true"CodeBehind="a.aspx.cs"Inheri
ts="INGNET.Web.test2.a"%>L1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
ransitional.dtd">runat="server">nat="server">n"id="btn1"value="test"onclick="window.open(''b.aspx'');"/>orm>B页面：<%@PageLanguage="C#"AutoEventWireup="tru
e"CodeBehind="b.aspx.cs"Inherits="INGNET.Web.test2.b"%>PEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://w
ww.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">p://www.w3.org/1999/xhtml"><
/head>

button"id="btn1"value="setvalue"onclick="window.opener.documen
t.getElementById(''text1'').value=''3333''"/>

<
/html><98>成功打开新页面不关闭当前页面1test"onclick="window.open(''b.aspx'');"/><99>成功子页面给父页面控件赋值2type="button"id="btn1"value="setvalue"onclick="window.opener.
document.getElementById(''text1'').value=''3333''"/><100>成功使用确认对话框2<
asp:buttonid="btnClick"runat="server"OnClientClick="returncon
firm(''Areyousure?'');"text="Button"OnClick="btnClick_Click">asp:button><101>fileupload上传图片1??InProc"?stateConnectionString="tcpip=127.0.0.1:42424"?sqlConnecti
onString="data?source=127.0.0.1;Trusted_Connection=yes"?cookieles
s="false"?timeout="5000"?/>?rs>?/><102>成功导出excel代码1usingSystem;usingSystem.Data;usingSystem.C
onfiguration;usingSystem.Collections;usingSystem.Web;usingSyst
em.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebContro
ls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI.H
tmlControls;usingBLL;publicpartialclasstest:System.Web.UI.P
age{protectedvoidPage_Load(objectsender,EventArgse){}pro
tectedvoidButton1_Click(objectsender,EventArgse){stringsq
ltextfun="";stringwherefun2="(proidisnotnull)and(title
isnotnull)";stringselectcolumnfun="proidas商|¨?品?¤编à¨¤号?,
titleas商|¨?品?¤名?称?,buypriceas进?货?价?,sellpriceas销¨2售o?价?";s
qltextfun="select"+selectcolumnfun+"fromks_product_temp
where"+wherefun2;GridView1.DataSource=DBServer.getData_all(
sqltextfun);GridView1.DataBind();FC.renderExcel(this.GridView1,
"商|¨?品?¤信?息?é表à¨a");}publicoverridevoidVerifyRenderingInSer
verForm(Controlcontrol){//ConfirmsthatanHtmlFormcontroli
srenderedfor}}<103>成功判断文件是否存在1if(File.Exists(filename_fun)==
true){}<104>成功设置首页1rl(#default#homepage)'';this.setHomepage(''http://www.163.com'');">
设|¨¨为a首o?á页°3<105>成功加入收藏夹代码1ternal.addFavorite(''http://www.163.com'',''说|ì明??'')">加¨?入¨?收o?藏?a><106>成功input与button对齐1解决方法其实很简单，我们只要加上vertical-align:middle属性
就可以了。vertical-align:middle"/>8831logo.gif"style="cursor:pointer;vertical-align:middle"/>/>如¨?不?能¨1显?示o?效?ì果?，ê?请?按???Ctrl+F5刷?é新?本à?页°3，ê?更¨1多¨¤
网a?页°3代?¨2码?：êo
http://www.veryhuo.com/文?章?源??自á?：êo烈￠¨°火e网a?，ê?原-文?
：êohttp://www.veryhuo.com/a/view/34949.html<107>成功购物车获取企业列表1publi
cstringget_company_names(){stringstring_company_name_now_fun
="";//当ì?à前??企¨?业°|ì名?称?stringstring_company_name_last_time_f
un="";//上|?次??企¨?业°|ì名?称?stringcompany_names_fun="";//企¨?业°
|ì名?称?列￠D表à¨aif(Session["shopcart"]!=null){DataTableDataTa
ble_fun=Session["shopcart"]asDataTable;intcount1=DataTabl
e_fun.Rows.Count;for(inti=0;iny_name_now_fun=DataTable_fun.Rows[i]["string_company_name"].To
String();if(string_company_name_now_fun!=string_company_name_
last_time_fun){string_company_name_last_time_fun=string_compa
ny_name_now_fun;company_names_fun+=","+string_company_name_n
ow_fun;}}company_names_fun=company_names_fun.Trim('','');}re
turncompany_names_fun;}<108>成功ibatis中使用like1llPerson2"resultMap="SelectAllResult"parameterClass="String">
selectfromlinkmanwhere(name1like''%''+#name1#+''%'')

elect><109>成功使用tab标签1Css文件中：body{}.font{color:White;font-size:
16px;font-weight:bold;text-align:center;vertical-align:middle;
}.div{text-align:center;vertical-align:middle;}{list-style-ty
pe:none;font-size:16px;text-decoration:none;margin:0;padding:
0;}.tab{margin:0px;width:760px;height:430px;overflow:hidden;
border:1px#AACCEEsolid;}.tab_b{overflow:hidden;margin:5px;}.
menu{overflow:hidden;}.menuli{display:block;float:left;disp
lay:list-item;text-align:center;width:80px;background-color:#
EDF4FC;line-height:20px;border-bottom:1px#AACCEEsolid;border-r
ight:1px#AACCEEsolid;}.menulia{display:block;}.menu_d{borde
r-bottom:1px#FFFFFFsolid;background-color:#FFFFFF;}.tabulli.
aaa{background:#FF0000;}Js中：functiontabs(n){varlen=6;for(
vari=1;i<=len;i++){document.getElementById(''tab_a''+i).
style.display=(i==n)?''block'':''none'';document.getElementB
yId(''tab_''+i).className=(i==n)?''aaa'':''none'';}}vartime
out;functiondelayChangeTab(m,n){timeout=setTimeout(''tabs(''
+m+'')'',n);}functioncancelChangeTab(){clearTimeout(timeout)
;}页面中：<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="W
ebForm2.aspx.cs"Inherits="MvcApplication4.WebForm2"%>htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.
w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">/www.w3.org/1999/xhtml">无标题文档ylesheet"type="text/css"href="style/tab.css"/>/tab.js"type="text/javascript">="tab">>);"onmouseout="cancelChangeTab();">新闻href="javascript:void(0)"onmouseover="delayChangeTab(''2'',500);"
onmouseout="cancelChangeTab();">生活ef="javascript:void(0)"onmouseover="delayChangeTab(''3'',500);"on
mouseout="cancelChangeTab();">家居"javascript:void(0)"onmouseover="delayChangeTab(''4'',500);"onmou
seout="cancelChangeTab();">旅游"tab_a1"style="display:block;">本地国内国际新闻
新浪="tab_b"id="tab_a2"style="display:none;">网易本土生活s="tab_b"id="tab_a3"style="display:none;">舒适居家房地产信息lass="tab_b"id="tab_a4"style="display:none;">出行度假<
divstyle="color:#FF0000">asdf<110>成功使用dl标签1
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.a
spx.cs"Inherits="_Default"%>XHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtm
l1-transitional.dtd"><
headrunat="server">"runat="server">

帮??助¨2说|ì明??: /hi.baidu.com/fangzhenya"target="_blank">如¨?何?上|?传??; "_blank">相¨¤册¨￠视o¨?频|ì; fangzhenya"target="_blank">如¨?何?订?阅?; //hi.baidu.com/fangzhenya"target="_blank">如¨?何?分¤?享¨a
帮??助¨2说|ì明??2: aidu.com/fangzhenya"target="_blank">如¨?何?上|?传??; href="http://hi.baidu.com/fangzhenya"target="_blank">如¨?何?录?制?a>; 相¨¤册¨￠视o¨?频|ì; henya"target="_blank">如¨?何?订?阅?; baidu.com/fangzhenya"target="_blank">如¨?何?分¤?享¨a; href="http://hi.baidu.com/fangzhenya"target="_blank">管¨1理¤¨a主??
页°3

<111>成功多个ul同行显示1<%@Page
Language="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"
Inherits="_Default"%>0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans
itional.dtd">at="server">"server">

友??情¨|链￠??接¨?

e="float:left;">

这a是o?第ì¨2一°?列￠D的ì?第ì¨2一°?个?

这a是o?第ì
¨2一°?列￠D的ì?第ì¨2二t个?

这a是o?第ì¨2一°?列￠D的ì?第ì¨2三¨y个?

这a是o?第ì¨2二t列￠D的ì?第ì¨2一°?
个?

这a是o?第ì¨2二t列￠D的ì?第ì¨2二t个?

这a是o?第ì¨2二t列￠D的ì?第
ì¨2三¨y个?

这a是o?第ì
¨2三¨y列￠D的ì?第ì¨2一°?个?

这a是o?第ì¨2三¨y列￠D的ì?第ì¨2二t个?

>这a是o?第ì¨2三¨y列￠D的ì?第ì¨2三¨y个?

tml><112>margin的用法1标签：http://search.sina.com.cn/?c=blog&q=%D4%D3
%CC%B8&by=tag杂谈分类：http://blog.sina.com.cn/s/articlelist_17507146
33_1_1.html网页设计margin的用法：margin是用来设定该元素与相邻元素直接的距离。margin:020px
30%0对应的是与上，右，下，左四边相邻元素的距离。30%指下边距为其父元素的宽度的30%补充：1.如果margin只有三个值
，按照值的顺序为margin：toprightbottom;缺少了left，根据原则，则left的值有right来代替。ma
rgin:10px20px30px;就等于margin:10px20px30px20px;2.如果margin只有两个值
，按照值的顺序为margin：topright;缺少了bottom和left，根据原则left的值由right来代替，bott
m的值由top来代替。margin:10px20px;就等于margin:10px20px10px20px;3.如果mar
gin只有一个值，按照值的顺序为margin:top;缺少了bottom、left和right，根据原则left的值由right
来代替，bottom的值由top来代替，right的值右top来代替，也就是说left的值也由top来代替。margin:10px
;就等于margin:10px10px10px10px;background和background-image的区别：bac
kground:#cccurl()no-repeatleftbottom;background-image:后只能是图片W
hiteSpace的用法normal：默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行pre：换行和其
他空白字符都将受到保护。这个值需要IE6+或者!DOCTYPE声明为standards-compliantmode支持。
如果!DOCTYPE声明没有指定为standards-compliantmode，此属性可以使用，但是不会发生作用。结果
等同于normal。参阅pre对象nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。参阅noW
rap属性说明：设置或检索对象内空格字符的处理方式。空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当
此属性设置为normal或者nowrap时，你可以使用不换行空格的命名实体来添加空格，用br元素来添加换
行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。此属性作用于块对象。此属性对于cu
rrentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为whiteSpace。示例：p
{white-space:nowrap;}<113>成功使用多层样式1页面中：<%@PageLanguage="C#
"AutoEventWireup="true"CodeFile="test2.aspx.cs"Inherits="test2
"%>""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">ptrunat="server">protectedvoidPage_Load(objectsender,EventA
rgse){}eadid="Head1"runat="server">无T标à¨o题?a页°3href="test.css"rel="stylesheet"type="text/css"/>
"aa4">ds

Css样式表中：body
{}.test144{font-size:30px;}.test144.aa5,.test144.aa4{color:Gr
een}#test1.pp{color:Blue;font-size:38pt;}#test1.div1{color:Yel
low;}.test2.a1{color:Green;}.test2.a2{font-size:20pt;}.test2p{
font-size:44pt;color:Red;}.test3{font-size:44pt;}<114>链接样式1a:lin
k{color:#FF0000}/未访问的链接/a:visited{color:#00FF00}/
已访问的链接/a:hover{color:#FF00FF}/当有鼠标悬停在链接上/a:active{c
olor:#0000FF}/被选择的链接/<115>成功使用链接样式1<%@PageLanguage="C#"
AutoEventWireup="true"CodeFile="test2.aspx.cs"Inherits="test2"
%>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">xmlns="http://www.w3.org/1999/xhtml">>a{font-size:14px;color:red;}
a:link{text-decoration:none;color:Green;}a:visited{text-decor
ation:none;color:#006699;}a:hover{text-decoration:none;backg
round-color:#003399;color:#ffffff;}a:active{text-decoration:n
one;background-color:Blue;color:#66FF33;}

com">http://www.baidu.com

<116>成
功使用dl标签2<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="D
efault2.aspx.cs"Inherits="Default2"%>W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1
/DTD/xhtml1-transitional.dtd">/xhtml">id="form1"runat="server">

<117>background样式1http://blog.cs
dn.net/tsuliuchao/article/details/5442301表格背景(Background)图像CSS用法详
解分类：http://blog.csdn.net/tsuliuchao/article/category/593694css
2010-04-0117:14400人阅读http://blog.csdn.net/tsuliuchao/article/d
etails/5442301评论(0)javascript:void(0);收藏http://blog.csdn.net/ts
uliuchao/article/details/5442301举报序号中文说明标记语法1背景颜色{backgroun
d-color:数值}2背景图片{background-image:?url(http://www.blog.com.cn/
URLhttp://www.blog.com.cn/URL)|none}3背景重复{background-repeat:i
nherit|no-repeat|repeat|repeat-x|repeat-y}4背景固定{background-att
achment:fixed|scroll}5背景定位{background-position:数值|top|bottom|l
eft|right|center}6背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}?1
．背景颜色：background-color?语法：{background-color:数值}说明：参数取值和颜色属性一样
注意：在HTML当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比
较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了，而且对象的范围很广，可以是一段文字，也可
以只是一个单词或一个字母。?例子：给部分文字加背景颜色给部分文字加背景颜色?表格背影颜色：style="background-color:red"?2．背景图片：bac
kground-image?语法：{background-image:?url(http://www.blog.com.cn/
URLhttp://www.blog.com.cn/URL)|none}说明：?URL就是背景图片的存放路径。如果用“none
”来代替背景图片的存放路径，将什么也不显示。例子：给部分文字加背景图片?.imgbgstyle?{?background-ima
ge:?url(/UploadFiles19/2007620145620734.gif)}?3．背景重复：background-
repeat?语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|
repeat-y}作用：背景图片重复控制的是背景图片平铺与否，也就是说，结合背景定位的控制可以在网页上的某处单独显示一幅背景图片
说明：参数取值范围：·inherit?继承?·no-repeat?不重复平铺背景图片·repeat·repeat-x?使图片只
在水平方向上平铺?·repeat-y?使图片只在垂直方向上平铺?注意：如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、
垂直两个方向上平铺。??4．背景固定：background-attachment?语法：{background-attac
hment:fixed|scroll}说明：参数取值范围·fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动?·s
croll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动?注意：背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设
置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力，所以可以解除背景图片
和文字内容的捆绑，该为和浏览器窗口捆绑。?例子：使背景图案不随文字“滚动”的CSSBODY?{?background:?purp
le?url(/UploadFiles19/2007620145640580.jpg);?background-repeat:re
peat-y;?background-attachment:fixed?}??5．背景定位：background-positio
n语法：{background-position:数值|top|bottom|left|right|center}作用：背
景定位用于控制背景图片在网页中显示的位置。?说明：参数取值范围·带长度单位的数字参数?·top：相对前景对象顶对齐?·botto
m：相对前景对象底对齐?·left：相对前景对象左对齐?·right：相对前景对象右对齐?·center：相对前景对象中心对齐?·
比例关系关键字解释如下:top?left?=?left?top?=?0%?0%?top?=?top?center?=?cent
er?top?=?50%?0%?right?top?=?top?right?=?100%?0%?left?=?left?cente
r?=?center?left?=?0%?50%?center?=?center?center?=?50%?50%?right?=
?right?center?=?center?right?=?100%?50%?bottom?left?=?left?bottom
?=?0%?100%?bottom?=?bottom?center?=?center?bottom?=?50%?100%?bott
om?right?=?right?bottom?=?100%?100%?注意：参数中的center如果用于另外一个参数的前面，表
示水平居中；如果用于另外一个参数的后面，表示垂直居中。<118>background样式2CSS中?background是一
个很基本的而且比较常用的样式background:background-color||background-image
||background-repeat||background-attachment||background-posit
ion这个是background的几个参数，这些参数并不是都要写上的。background-color：背景颜色，这里可
以写英文，可以写RGB，可以写#xxxxxxtransparent:背景色透明background-image：背景图
片，只能写none或者url(url)background-repeat：背景图象的平铺repeat:背景图像
在纵向和横向上平铺no-repeat:背景图像不平铺repeat-x:背景图像在横向上平铺repeat-y
:背景图像在纵向平铺background-attachment：背景图象的流动性scroll:背景图像是随对象内
容滚动fixed:背景图像固定background-position：背景图象的位置length:百分数
|由浮点数字和单位标识符组成的长度值。position:top|center|bottom|left|
center|rightbackground-position这个参数很有意思，一般可能很少人用到，不过这个参数理解好了，
确实有很大的用处，首先background-position有2个参数：background-position:(XY),这个一
般有2种情况，一个是div比背景图片大，则用这个属性背景图片会在div里浮动，如div比背景图片小，那么就变成了背景图片的变幻，具
体的用代码说明吧。这个是做的一个圆角的div，adding-left:8px;background:transparenturl(img/corners.gif)no-r
epeat;">no-repeatright-8px;padding-right:8px;">px;background:transparenturl(img/tb.gif)repeat-x00;">

renturl(img/l.gif)repeat-y;">ckground:transparenturl(img/r.gif)repeat-yright;">="background:#eeeurl(img/tb.gif)repeat-x0-16px;">fdsafasdfasd

fdsafasdfasdfasdf
fdsafasdfasdfasdf
fdsafasdfasdf
asdf
fdsafasdfasdfasdf
fdsafasdfasdfasdf
fdsafasdf
asdfasdf
fdsafasdfasdfasdf
fdsafasdfasdfasdf
fdsaf
asdfasdfasdfbackground:transparenturl(img/corners.gif)no-repeat0-16px;">
atright-24px;padding-right:8px;">ground:transparenturl(img/tb.gif)repeat-x0-8px;">iv><119>成功使用background样式1<%@PageLanguage="C#"A
utoEventWireup="true"CodeFile="Default2.aspx.cs"Inherits="Defau
lt2"%>/EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">tmlxmlns="http://www.w3.org/1999/xhtml">itle><%--
der:1pxsolidred;height:100px;background-attachment:scroll">--
%>00;border:1pxsolidred;height:700px;width:550px;">="float:left;">a

&nb
sp; b

oat:left;background-position:lefttop;">c

ody><120>成功div使用行间距1<%@PageLanguage="C#"AutoEventWireup
="true"CodeBehind="div1.aspx.cs"Inherits="test7.action.div1"%>
ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">ns="http://www.w3.org/1999/xhtml"></ title></head><body><formid="form1"runat="server"><divstyle=" line-height:30px;">a b c a1 b1 &nb sp; c1 a2 b2 ; c2</div></form></body></html><121>dl标签介绍1dl标签是HTML语言里的 一个元素标签，dl是definitionlists的英文缩写，中文是“定义列表”的意思。dl标签是成对出现的，以<dl>开始，< /dl>结束。自定义列表[1]的开始使用<dl>标签，列表中每个元素的标题使用<dt>（definitionterm）定义，后 面跟随<dd>（definitiondescription）用于描述列表中元素的内容。例：<dl><dt>A</dt>< dt>B</dt><dt>C</dt><dt>D</dt></dl>浏览器显示如下：ABCDdl标签用法：每个d t标签可以对应多个dd标签，也可以每个dt标签对应一个dd标签，也可以多个dt标签对应一个dd标签。<122>div总结1div的 margin都是相对于它的上一个div的。当一个div需要换行显示时,如果它的上个div比它更往下，那么它将在它的上个div右面显 示<123>li前面点设置1如何在CSS中去掉li前面加的“·”点?一般DIV+CSS网站制作布局时经常会遇到LI点的情况，特别 是对新手来说可能有点陌生，如何去掉<li></li>中的点呢，或者如何改变点成数字1234或者改成空心圆方块等呢，又如何改变点的颜 色？其实很简单：直接定义LI的CSS为list-style-type:none即可去掉点，如li{list-style-typ e:none;}如果要改变点的颜色，那么li里的字也会变颜色与大小的了，但你可以使用图片来作为前面的点，这样就可以随心所欲地装饰 了。li{list-style:url("pre.gif")outsidecircle;}LI点的其他用法CSS代码： list-style-type:disc默认值。实心圆circle空心圆square实心方块decimal阿拉伯数 字lower-roman小写罗马数字upper-roman大写罗马数字lower-alpha小写英文字母upper- alpha大写英文字母none不使用项目符号<124>成功li前面点设置1<%@PageLanguage="C#"Au toEventWireup="true"CodeBehind="ul.aspx.cs"Inherits="test7.acti on.ul"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitiona l//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"> <title>v>

e;">ab

iv>

<125>成功使用ul显示图片1<%@PageL
anguage="C#"AutoEventWireup="true"CodeBehind="ul.aspx.cs"Inher
its="test7.action.ul"%>1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra
nsitional.dtd">unat="server">t="server">

tyle-type:none;">yle="float:left;width:100px;margin-left:100px;list-style-type:
none;">b:none;">

form>

<126>成功一个div中有多个ul1<%@PageLang
uage="C#"AutoEventWireup="true"CodeBehind="ul.aspx.cs"Inherits
="test7.action.ul"%>Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
tional.dtd">t="server">server">t:40px;">e;">ft;width:100px;margin-left:100px;list-style-type:none;">b

gsrc="../head1.jpg"alt=""/>
ar:both;">tyle="float:left;width:100px;list-style-type:none;">"../head1.jpg"alt=""/>;margin-left:100px;list-style-type:none;">bat:left;width:100px;list-style-type:none;">.jpg"alt=""/>
>t;width:100px;list-style-type:none;">alt=""/>00px;list-style-type:none;">b100px;list-style-type:none;">

="float:left;width:100px;list-style-type:none;">head1.jpg"alt=""/>rgin-left:100px;list-style-type:none;">beft;width:100px;list-style-type:none;">"alt=""/>

l><127>成功一个div中有多个ul2<%@PageLanguage="C#"AutoEventWireup="true
"CodeBehind="ul.aspx.cs"Inherits="test7.action.ul"%>htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.
w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">/www.w3.org/1999/xhtml">ad>;height:300px;">;width:100px;list-style-type:none;">lt=""/>0px;list-style-type:none;">b00px;list-style-type:none;">

margin-left:100px;">>

px;height:40px;">-type:none;">"float:left;width:100px;margin-left:100px;list-style-type:none
;">be;">ft;width:100px;list-style-type:none;margin-left:100px;">src="../head1.jpg"alt=""/>
r:both;">yle="float:left;width:100px;list-style-type:none;">../head1.jpg"alt=""/>margin-left:100px;list-style-type:none;">bt:left;width:100px;list-style-type:none;">jpg"alt=""/>le-type:none;margin-left:100px;">

tyle="float:left;width:100px;list-style-type:none;">"../head1.jpg"alt=""/>;margin-left:100px;list-style-type:none;">bat:left;width:100px;list-style-type:none;">.jpg"alt=""/>yle-type:none;margin-left:100px;">""/>

<128
>成功li点设置1list-style-type:none<129>成功ul点设置1

tyle-type:none;">

a1 b1 c1

<130>成功dl横
向显示1<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="ul2
.aspx.cs"Inherits="test7.action.ul2"%>/W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml
1/DTD/xhtml1-transitional.dtd">9/xhtml">id="form1"runat="server">

: c

<131>|DataDirectory|介绍1DataDirectory是
什么意思呢.DataDirectory解释如下：asp.net2.0有一个特殊目录app_data,通常Sqlserver2
005数据文件就放在这个目录，相应的数据库连接串就是：connString="……datasource=.\SQLEXPRES
S;IntegratedSecurity=SSPI;AttachDBFilename=|DataDirectory|data.m
df;UserInstance=true"这里出现了DataDirectory的宏，那么他表示什么意义呢？DataDirecto
ry是表示数据库路径的替换字符串。由于无需对完整路径进行硬编码，DataDirectory简化了项目的共享和应用程序的部署。例
如，无需使用以下连接字符串："DataSource=E:\MyApp\app_data\Mydb.mdf"通过使用|Da
taDirectory|（包含在如下所示的竖线中），即可具有以下连接字符串："DataSource=|DataDirect
ory|\Mydb.mdf"一篇文章Workingwithlocaldatabases详细的解释了DataDirector
y的意义，不仅仅是Sqlserver2005中使用，也可以在其他的文件数据库中使用，如Sqllite数据库文件的连接字符串
：Driver.SQLite20Driver;Dialect=NHibernate.Dialect.SQLiteDialect;Da
taSource=|DataDirectory|\data.db3"/>还有Access数据库也可以的，只要数据库放在了App
_Data文件夹内。<132>getElementsByTagName意思1vara=document.getElementsB
yTagName("input");什么意思？var?a=document.getElementsByTagName("in
put");什么意思？请大侠详细解释一下。谢谢！偶是菜菜呀！------解决方案-----------------------
---------------------------------就是把document里面所有的input，比如文本输入框，按钮
啊什么的元件全都取出来存入数组，可以用a.length取数量，a[i]取内容<133>Guid.NewGuid()意思1Guid
是全球唯一码的意思，基本不会重复的，但是不也是绝对的。用作主键是没有问题的。<134>成功使用Cache1usingSystem
;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.
Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespace
test7{publicpartialclasstest:System.Web.UI.Page{protecte
dvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){
Cache["a"]="a";Cache["b"]="b";}}protectedvoidButton1_C
lick(objectsender,EventArgse){Response.Write(Cache["a"].ToSt
ring()+Cache["b"].ToString());}}}<135>字符串前加个@意思1就是把字符串中的字符都保持
原义禁止转义<136>parentElement和offsetParent元素1parentElement和offsetPa
rent之间的区别http://www.21tx.com2010年03月24日博客园匡匡首先是parentEleme
nt属性，这个属性好理解，就是在DOM层次结构定义的上下级关系，如果元素A包含元素B，那么元素B就可以通过parentEl
ement属性来获取元素A。这里主要说的是offsetParent属性，这个属性在MSDN的文档中也没有解释清楚，这就
让人更难理解这个属性。这几天在网上找了些资料看看，再加上自己的一些测试，对此属性有了那么一点的了解，在这里总结一下。要明白o
ffsetParent属性，要先明白“已定位元素”这个名字，所谓“已定位元素”就是指给元素设置了position属性的样式
，并且position样式属性的值等于absolute、relative、fixed之一的元素。在使用offsetPa
rent属性获取父级对象时有以下两种情况：1、元素本身已经定位如果元素本身已经定位，那么offsetParent属性返回
此元素已定位父级元素，如没有已定位的父级元素，则返回BODY对象，例如：

bj1"style="position:absolute">

le="position:absolute">>

obj1.offsetParent返回BODY对象obj2.offs
etParent返回pObj1对象2、元素没有定位如果元素没有定位，offsetParent不但会找已经定位的父级
元素而且还会查找类型为TD和TABLE的父级元素，只要找到这三种父级元素的其中任何一种元素将返回此元素，否则返回BODY
对象，例如：

"pObj1">

ASP.NET实例总结

2020-06-09 | 阅：转： | 分享

");html_value_fun.Appe
nd("\r\n");html_value_fun.Append("")
;html_value_fun.Append("\r\n");html_value_fun.Append("");
//===============================================================
==========}html_value_fun.Append("\r\n");html_value_fun.Append
("

");html_value_fun
.Append("\r\n");html_value_fun.Append("

<1>js声明全局变量方法1方式1http://www.cnblogs.com/snandy/archive/2011/03/19/1988
284.html?12vartest;vartest=5;需注意的是该句不能包含在function内，否则是局部变量。这
是第一种方式声明全局变量。方式2http://www.cnblogs.com/snandy/archive/2011/03/19/
1988284.html?1test=5;没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该
语句是在一个function内，当该function被执行后test变成了全局变量。方式3http://www.cnblogs.c
om/snandy/archive/2011/03/19/1988284.html?12window.test;window.t
est=5;这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。如JQuery1.5中最末一句http://www.c
nblogs.com/snandy/archive/2011/03/19/1988284.html?1window.jQuery
=window.$=jQuery;如果只是使用变量test，那么三种方式将没有什么区别。比如：alert(test)都将显
示5。但三种方式在某些情况下还是有区别的。分别按以上三种方式声明三个变量a1,a2,a3。http://www.cnblogs.c
om/snandy/archive/2011/03/19/1988284.html?123a1=11;vara2=22
;window.a3=33;<2>成功获取embedFlashVars值1//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtm
l1/DTD/xhtml1-transitional.dtd">99/xhtml">l;charset=utf-8"/>无标题文档criptsrc="http://www.sdems.com/ks_inc/loadflash.js"type="text/j
avascript"language="javascript">cript">functionss(){vars=document.getElementById("embed2").F
lashVars;alert(s);}

//www.sdems.com/KS_Inc/Slideviewer.swf"quality=highbgcolor=#FFF
FFFWIDTH="250"HEIGHT="150"NAME="embed2"ALIGN=""TYPE="applica
tion/x-shockwave-flash"PLUGINSPAGE="http://www.macromedia.com/go
/getflashplayer"FlashVars="a=33&b=44">

e="form1"method="post"action="">mit"id="submit"value="提交"onclick="ss();"/>

<3>成功接收参数乱码解决1protectedvoidButton1_Click(obje
ctsender,EventArgse){Response.Redirect("b.aspx?KeyWord="+H
ttpUtility.UrlEncode("%B8%BE%C5%AE%BD%DA"),true);}<4>成功js接收url参
数1发送页面:<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="
a.aspx.cs"Inherits="INGNET.Web.test2.a"%>"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xh
tml1/DTD/xhtml1-transitional.dtd">1999/xhtml">e="javascript">functionss(){window.open("b.aspx?aa=s","newwin
dow1","height=300,width=300,top=50,left=600,toolbar=yes,menu
bar=no,scrollbars=yes");}runat="server">

k="ss();"/>

接收页面：<%@PageLanguage="C
#"AutoEventWireup="true"CodeBehind="b.aspx.cs"Inherits="INGNET
.Web.test2.b"%>sitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
l.dtd">rver">functionge
tArgs(strParame){varargs=newObject();varquery=location.
search.substring(1);varpairs=query.split("&");//Breakatam
persandfor(vari=0;ii].indexOf(''='');if(pos==-1)continue;varargname=pairs[i].
substring(0,pos);varvalue=pairs[i].substring(pos+1);value
=decodeURIComponent(value);args[argname]=value;}returnarg
s[strParame];}varid2=getArgs("aa");alert(id2);ad>

<
/body><5>成功html页面接收url参数1发送页面：C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/D
TD/xhtml1-transitional.dtd">html">func
tionss(){window.open("b.htm?aa=s","newwindow1","height=300,
width=300,top=50,left=600,toolbar=yes,menubar=no,scrollbars=y
es");}onclick="ss();"/>接收页面：//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DT
D/xhtml1-transitional.dtd">tml">functi
ongetArgs(strParame){varargs=newObject();varquery=loca
tion.search.substring(1);varpairs=query.split("&");//Break
atampersandfor(vari=0;iairs[i].indexOf(''='');if(pos==-1)continue;varargname=pair
s[i].substring(0,pos);varvalue=pairs[i].substring(pos+1);
value=decodeURIComponent(value);args[argname]=value;}retur
nargs[strParame];}varid2=getArgs("aa");alert(id2);><6>成功给js文件传参数1发送页面：ript"type="text/javascript"src="../currency/js/CTRSTab.js"data
="a=b&c=d">Js文件：vars=document.getElementById(''testScr
ipt'').getAttribute(''data'');<7>成功js文件中图片路径动态被改变1js文件：varfather_pa
th_page=document.getElementById(''testScript'').getAttribute(''dat
a'');varTRSTAB_IMAGE_FIRST_NORM=father_path_page+"images/tab-
left.gif";varTRSTAB_IMAGE_FIRST_CHECK=father_path_page+"image
s/tab-left-hot.gif";varTRSTAB_IMAGE_MIDDLE_NORM=father_path_pag
e+"images/tab-center.gif";varTRSTAB_IMAGE_MIDDLE_CHECK_L=fath
er_path_page+"images/tab-left-hot-.gif";varTRSTAB_IMAGE_MIDDLE
_CHECK_R=father_path_page+"images/tab-right-hot.gif";varTRSTA
B_IMAGE_ITEM_NORM=father_path_page+"images/tab.gif";varTRSTAB
_IMAGE_ITEM_CHECK=father_path_page+"images/tab-bg-hot.gif";var
TRSTAB_IMAGE_END_NORM=father_path_page+"images/tab-right.gif"
;varTRSTAB_IMAGE_END_CHECK=father_path_page+"images/tab-right
-hot-.gif";varTRSTAB_PARENT_ELEMENT="TD";varTRSTAB_LINK_TARGET
="menuWindow";调用：src="../currency/js/CTRSTab.js"data="../currency/"><7
>成功js文件中图片路径动态被改变2Js文件：varfather_path_page=document.getElement
ById(''testScript'').getAttribute(''testr'');varTRSTAB_IMAGE_FIRST_N
ORM=father_path_page+"images/tab-left.gif";varTRSTAB_IMAGE_F
IRST_CHECK=father_path_page+"images/tab-left-hot.gif";varTRST
AB_IMAGE_MIDDLE_NORM=father_path_page+"images/tab-center.gif";
varTRSTAB_IMAGE_MIDDLE_CHECK_L=father_path_page+"images/tab-l
eft-hot-.gif";varTRSTAB_IMAGE_MIDDLE_CHECK_R=father_path_page+
"images/tab-right-hot.gif";varTRSTAB_IMAGE_ITEM_NORM=father_pa
th_page+"images/tab.gif";varTRSTAB_IMAGE_ITEM_CHECK=father_pa
th_page+"images/tab-bg-hot.gif";varTRSTAB_IMAGE_END_NORM=fath
er_path_page+"images/tab-right.gif";varTRSTAB_IMAGE_END_CHECK=
father_path_page+"images/tab-right-hot-.gif";varTRSTAB_PARENT
_ELEMENT="TD";varTRSTAB_LINK_TARGET="menuWindow";alert(father
_path_page);调用：="../currency/js/CTRSTab.js"testr="../currency/"><8>成功j
s文件被传值1Js文件：varfather_path_page=document.getElementById(''testS
cript'').getAttribute(''testr'');varTRSTAB_IMAGE_FIRST_NORM=fathe
r_path_page+"images/tab-left.gif";varTRSTAB_IMAGE_FIRST_CHECK=
father_path_page+"images/tab-left-hot.gif";varTRSTAB_IMAGE_MI
DDLE_NORM=father_path_page+"images/tab-center.gif";varTRSTAB_
IMAGE_MIDDLE_CHECK_L=father_path_page+"images/tab-left-hot-.gi
f";varTRSTAB_IMAGE_MIDDLE_CHECK_R=father_path_page+"images/ta
b-right-hot.gif";varTRSTAB_IMAGE_ITEM_NORM=father_path_page+"
images/tab.gif";varTRSTAB_IMAGE_ITEM_CHECK=father_path_page+"
images/tab-bg-hot.gif";varTRSTAB_IMAGE_END_NORM=father_path_pag
e+"images/tab-right.gif";varTRSTAB_IMAGE_END_CHECK=father_pat
h_page+"images/tab-right-hot-.gif";varTRSTAB_PARENT_ELEMENT="
TD";varTRSTAB_LINK_TARGET="menuWindow";alert(father_path_page)
;调用：<9>成功script自定义属性1
Js文件：varfather_path_page=document.getElementById(''testScript'')
.getAttribute(''testr'');varTRSTAB_IMAGE_FIRST_NORM=father_path_
page+"images/tab-left.gif";varTRSTAB_IMAGE_FIRST_CHECK=father
_path_page+"images/tab-left-hot.gif";varTRSTAB_IMAGE_MIDDLE_NO
RM=father_path_page+"images/tab-center.gif";varTRSTAB_IMAGE_M
IDDLE_CHECK_L=father_path_page+"images/tab-left-hot-.gif";var
TRSTAB_IMAGE_MIDDLE_CHECK_R=father_path_page+"images/tab-right
-hot.gif";varTRSTAB_IMAGE_ITEM_NORM=father_path_page+"images/
tab.gif";varTRSTAB_IMAGE_ITEM_CHECK=father_path_page+"images/
tab-bg-hot.gif";varTRSTAB_IMAGE_END_NORM=father_path_page+"im
ages/tab-right.gif";varTRSTAB_IMAGE_END_CHECK=father_path_page
+"images/tab-right-hot-.gif";varTRSTAB_PARENT_ELEMENT="TD";var
TRSTAB_LINK_TARGET="menuWindow";alert(father_path_page);调用：riptid="testScript"type="text/javascript"src="../currency/js/C
TRSTab.js"testr="../currency/"><10>成功使用隐藏列1eFieldHeaderText="部门编号"Visible="false">elID="userdeptlabel"runat="server"Text=''<%#Bind("userdept")%
>''><11>成功隐藏列1pro
tectedvoidGridView1_RowDataBound(objectsender,GridViewRowEven
tArgse){if((e.Row.RowType==DataControlRowType.DataRow)||
(e.Row.RowType==DataControlRowType.Header)||(e.Row.RowType==
DataControlRowType.Footer)){e.Row.Cells[10].Visible=false;}
}<12>frameset用法1HTML标签的cols属性和rows属性作用和用法eset>标签有一个必需的属性：要么是rows，要么是cols，这取决于您的选择，它们定义了文档窗口中框架或嵌套的框架集的行
或列的大小及数目。这两个属性都接受用引号括起来并用逗号分开的值列表，这些数值指定了框架的绝对（像素点）或相对（百分比或其余空间）宽
度（对列而言），或者绝对或相对高度（对行而言）。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。与表格一样，浏览
器在显示时会尽可能接近给定的框架集尺寸。但是，浏览器不会为了能够容纳下超出边沿的框架集而扩展文档窗口的边界，也不会在指定的框架没有
填满整个窗口时用空白区域来填满窗口。相反，浏览器会根据一个框架在行和列中相对于其他框架的大小来分配空间，这样就能够填满整个文档窗口
了。（注意到一个主框架文档中没有滚动条了吗？）例子例子1下面的代码将创建3行框架：00,150">其中的每行都贯穿整个文档窗口。第一和最后一个框架被设为150像素高，第二行设置成300像素高。实际上，除非
浏览器窗口正好是600像素高，否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架，使得这两个框架都占据1/4的窗口空间
。中间行将会占据剩下1/2的窗口空间。例子2用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。例如，下面这个示例与刚才那个
示例的效果相同：当然，如果这些百分比加起来不是100%，浏览器也会自动
按照比例重新给出每行尺寸以消除差异。例子3如果你像我们一样，那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难
而感到苦恼，这就解释了为什么他们要在的rows和cols值上加上星号。它告诉浏览器要在将相邻的框架
放入框架集之后，给剩下的空间分配各自的行或列。例如，当浏览器遇到下列框架标签时：上
面的例子会生成一个宽为固定的100像素的列，然后再生成另一个框架列，该列会占据框架集中其余所有的空间。例子4您还可以对多个列
或行属性值使用星号。在这样的情况下，相应的行或列将对可用空间进行等分，例如：
这条语句在框架集的中间生成一个100像素高的行，并在这行的上边和下边各生成一个相同尺寸的行。例子5如果在星号前放置一个整数值
，相应的行或列九回相对地获得更多的可用空间。例如：它生成了4列：
第一列占据整个框架集宽度的10%。然后浏览器把其他空间的3/5分配给第二个框架，第三个和第四个框架各分配其余空间的1/5。
从上面的例子可以发现，使用星号（尤其是用数值作为前缀），可以很容易地在一个框架集中分割剩下的空间。提示和注释提示：需要注意的是，浏
览器允许用户手动地为单个框架文档的行或列重新确定大小，并因此改变每个框架在框架显示中各自占据的相对比例，除非你显式地告诉浏览器不要
这样做。为了防止这种情况，可以在http://www.w3school.com.cn/tags/tag_frame.aspame>标签中使用noresize属性。<13>成功控件不能被编辑又能取到值1使用ReadOnly=true<14>成功事件
中写js1济?南?市oD<15
>成功LinkButton清除下划线1<%@PageLanguage="C#"AutoEventWireup="true"
CodeBehind="WebForm1.aspx.cs"Inherits="INGNET.Web.same_city_net.
WebForm1"%>onal//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
d">">#LinkButton1{text-
decoration:none;}"server">

t="server"ForeColor="Black"onclick="LinkButton1_Click">LinkBut
ton

<16>成功LinkButton清
除下划线2<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="We
bForm1.aspx.cs"Inherits="INGNET.Web.same_city_net.WebForm1"%>DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""htt
p://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">="http://www.w3.org/1999/xhtml"></ti tle><styletype="text/css">a{text-decoration:none;}</sty le></head><body><formid="form1"runat="server"><div></div>< p><asp:LinkButtonID="LinkButton444"runat="server"ForeColor="B lack"onclick="LinkButton1_Click">LinkButton</asp:LinkButton></ p></form></body></html><17>成功LinkButton在框架内打开页面1ScriptManager.Re gisterStartupScript(Page,this.GetType(),"updateScript","docume nt.getElementById(''main_right'').src=''http://www.163.com'';",true); <18>成功类中使用Request1HttpContext.Current.Request<19>成功url加密与解密1using System;usingSystem.Data;usingSystem.Configuration;usingSystem .Collections;usingSystem.Web;usingSystem.Web.Security;usingSys tem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.We bControls.WebParts;usingSystem.Web.UI.HtmlControls;publicpartia lclasstest:System.Web.UI.Page{protectedvoidPage_Load(objec tsender,EventArgse){}protectedvoidButton1_Click(objectse nder,EventArgse){strings=HttpUtility.UrlEncode("好的");Text Box1.Text=s;MessageBox.Show(this.Page,s);}protectedvoidBut ton2_Click(objectsender,EventArgse){strings=TextBox1.Text ;stringb=HttpUtility.UrlDecode(s);MessageBox.Show(this.Page, b);}}<20>成功中文加密与解密1usingSystem;usingSystem.Data;usingSystem. Configuration;usingSystem.Collections;usingSystem.Web;usingSys tem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebContr ols;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI. HtmlControls;publicpartialclasstest:System.Web.UI.Page{prot ectedvoidPage_Load(objectsender,EventArgse){}protectedvo idButton1_Click(objectsender,EventArgse){strings=HttpUti lity.UrlEncode("好的");TextBox1.Text=s;MessageBox.Show(this.Pag e,s);}protectedvoidButton2_Click(objectsender,EventArgse) {strings=TextBox1.Text;stringb=HttpUtility.UrlDecode(s); MessageBox.Show(this.Page,b);}}<21>成功在父页面框架中打开页面1usingSystem;u singSystem.Collections.Generic;usingSystem.Web;usingSystem.Web .UI;usingSystem.Web.UI.WebControls;namespaceINGNET.Web.same_cit y_net.background.frame{publicpartialclassmenu:System.Web.UI .Page{protectedvoidPage_Load(objectsender,EventArgse){} protectedvoidtv_product_manage_SelectedNodeChanged(objectsende r,EventArgse){switch(tv_product_manage.SelectedNode.Text){ case"品?¤牌?管¨1理¤¨a":Session["table_name_page"]="samecity_brand ";Response.Write("<script>top.document.getElementById(''mainFrame '').src=''"+"../../../currency/edit_table/treeview_link_currency _page/test_list1.aspx''</script>");break;}}}}<22>成功在框架中打开1Scri ptManager.RegisterStartupScript(Page,this.GetType(),"updateScri pt","document.getElementById(''main_right'').src=''"+"my_users.as px"+"'';",true);<23>成功CheckBoxList操作1usingSystem;usingSystem. Data;usingSystem.Configuration;usingSystem.Collections;usingSy stem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSyst em.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;us ingSystem.Web.UI.HtmlControls;usingSystem.Data.SqlClient;using DAL;usingBLL;publicpartialclasstest2:System.Web.UI.Page{pr otectedvoidPage_Load(objectsender,EventArgse){if(!IsPostB ack){set_selected_checkboxlist("a,b");}}publicstringget_se lected_checkboxlist_text(){intcount1=cb_interface.Items.Coun t;stringlink_fun="";for(inti=0;i<count1;i++){if(c b_interface.Items[i].Selected==true){link_fun+=(","+cb_in terface.Items[i].Text);}}link_fun=link_fun.Trim('','');return link_fun;}protectedvoidButton1_Click(objectsender,EventArg se){stringstr=get_selected_checkboxlist_text();MessageBox. Show(this.Page,str);}publicvoidset_selected_checkboxlist(stri ngselected_values_para){stringselected_values_fun=selected_ values_para;string[]selected_values_array_fun=selected_values _fun.Split('','');intcount1=cb_interface.Items.Count;for(int i=0;i<count1;i++){if(((IList)selected_values_array_fun). Contains(cb_interface.Items[i].Text)==true){cb_interface.Item s[i].Selected=true;}else{cb_interface.Items[i].Selected=f alse;}}}}<24>成功CheckBoxList被设置与获取值1usingSystem;usingSystem.D ata;usingSystem.Configuration;usingSystem.Collections;usingSys tem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSyste m.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usi ngSystem.Web.UI.HtmlControls;usingSystem.Data.SqlClient;usingD AL;usingBLL;publicpartialclasstest2:System.Web.UI.Page{pro tectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBa ck){set_selected_checkboxlist("a,b");}}publicstringget_sel ected_checkboxlist_text(){intcount1=cb_interface.Items.Count ;stringlink_fun="";for(inti=0;i<count1;i++){if(cb _interface.Items[i].Selected==true){link_fun+=(","+cb_int erface.Items[i].Text);}}link_fun=link_fun.Trim('','');return link_fun;}protectedvoidButton1_Click(objectsender,EventArgs e){stringstr=get_selected_checkboxlist_text();MessageBox.S how(this.Page,str);}publicvoidset_selected_checkboxlist(strin gselected_values_para){stringselected_values_fun=selected_v alues_para;string[]selected_values_array_fun=selected_values_ fun.Split('','');intcount1=cb_interface.Items.Count;for(inti =0;i<count1;i++){if(((IList)selected_values_array_fun).C ontains(cb_interface.Items[i].Text)==true){cb_interface.Items [i].Selected=true;}else{cb_interface.Items[i].Selected=fa lse;}}}}<25>成功gridview中显示图片1<Columns><asp:TemplateFieldHeade rText="序¨°号?"><ItemTemplate><asp:LabelID="labid"runat="server "></asp:Label></ItemTemplate></asp:TemplateField><asp:Template FieldHeaderText="图a?片?"><ItemTemplate><imgsrc=''good_images/ <%#Eval("PhotoUrl")%>''alt=""/></ItemTemplate></asp:Template Field><asp:BoundFieldDataField="proid"HeaderText="商|¨?品?¤编à¨¤号 ?"/><asp:BoundFieldDataField="title"HeaderText="商|¨?品?¤名?称?" /><asp:BoundFieldDataField="unit"HeaderText="单ì￡¤位?"/><asp:B oundFieldDataField="trademarkname"HeaderText="品?¤牌?"/><asp:Bo undFieldDataField="f_barcode"HeaderText="条??形?码?"/><asp:Bound FieldDataField="color"HeaderText="颜?色|?"/><asp:BoundFieldDat aField="f_weight"HeaderText="重?量￠?"/><asp:TemplateFieldHeader Text="图a?片?路?¤径?"Visible="false"><ItemTemplate><asp:LabelID=" PhotoUrl_path"runat="server"Text=''<%#Bind("PhotoUrl")%>''></as p:Label></ItemTemplate></asp:TemplateField><asp:CommandFieldS howSelectButton="True"HeaderText="详¨o细?"SelectText="详¨o细?"/>< asp:CommandFieldEditText="修T改?"HeaderText="修T改?"ShowEditButton ="True"/><asp:TemplateFieldHeaderText="删|?除y"ShowHeader="Fals e"><ItemTemplate><asp:LinkButtonID="LinkButton1"runat="server "CausesValidation="False"CommandName="Delete"Text="删|?除y"OnCl ientClick="returnconfirm(''您¨2确¨?¤认¨?删|?除y该?商|¨?品?¤吗e?'');"></asp: LinkButton></ItemTemplate></asp:TemplateField></Columns><26>成功 GridView1_RowDataBound事件1protectedvoidGridView1_RowDataBound(ob jectsender,GridViewRowEventArgse){if((e.Row.RowType==Data ControlRowType.DataRow)||(e.Row.RowType==DataControlRowType.H eader)||(e.Row.RowType==DataControlRowType.Footer)){e.Row.C ells[5].Visible=false;}}<27>成功使用List<>1usingSystem;usingSys tem.Collections.Generic;usingSystem.Web;usingSystem.Web.UI;usin gSystem.Web.UI.WebControls;namespaceINGNET.Web{publicpartial classtest:System.Web.UI.Page{protectedvoidPage_Load(object sender,EventArgse){}protectedvoidButton1_Click(objectsen der,EventArgse){List<string>aa=newList<string>(4);aa.Add ("a");aa.Add("a");aa.Add("a");aa.Add("a");aa.Add("a");aa.Add ("aasdfdasfdsafdas");foreach(stringstrinaa){Response.Write (str);}}}}<28>margin用法1由浅入深详解CSS的margin属性时间:2007-06-1908:00来 源:网管之家bitsCN.com字体:[大中小]margin在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素 盒模型（boxmodel）的基础属性。一、margin的基本特性margin属性包括margin-top,margin-righ t,margin-bottom,margin-left,margin，可以用来设置box的marginarea。属性margin 可以用来同时设置box的四边外边距，而其他的margin属性只能设置其自各的外边距。margin属性可以应用于几乎所有的元素，除了 表格显示类型（不包括table-caption,tableandinline-table）的元素，而且垂直外边距对非置换内 联元素（non-replacedinlineelement）不起作用。或许有朋友对非置换元素（non-replacedele ment）有点疑惑，稍微帮助大家理解一下。非置换元素，W3C中没有给出明确的定义，但我们从字面可以理解到，非置换元素对应着置换元素 （replacedelement），也就是说我们搞懂了置换元素的含义，就懂了非置换元素。置换元素，W3C中给出了定义：“Ane lementthatisoutsidethescopeoftheCSSformatter,suchasan image,embeddeddocument,orapplet”从定义中我们可以理解到，置换元素（replacedel ement）主要是指img，input，textarea，select，object等这类默认就有CSS格式化外表范围的元素。进而 可知，非置换元素（non-replacedelement）就是除了img，input，textarea，select，objec t等置换元素以外的元素。margin始终是透明的。二、margin的基本写法外边距的margin-width的值类型有：auto |length|percentagepercentage：百分比是由被应用box的containingblock（注：一个 元素的containingblock是该元素产生的box(es)在计算位置和大小时参考的一个矩形，详细阅读可看：《Contain ingBlock》）的大小所决定。对于margin-top和margin-bottom也同样成立。margin的默认值为0，并且 margin支持负值。上面我们曾提到属性margin可以用来同时指定box的四边外边距。如果属性margin有四个值，那么值将按照 上-右-下-左的顺序作用于四边，即从元素的上边开始，按照顺时针的顺序围绕元素。表达式如下：margin：toprightbot tomleft；四个数值中间以空格分隔。效果等同于：margin-top:value;margin-right:value;ma rgin-bottom:value;margin-left:value;并且规范还提供了省略的数值写法，基本原则如下：引用:1.如 果没有left值，则使用right代替；2.如果没有bottom值，则使用top代替；3.如果没有right值，则使用top值代替 。根据这些基本原则，我们可以有三种省略方式，但不管怎样省略margin的数值都会大于等于一个，而margin的默认数值是从top开 始至left结束，那么对于省略的具体情况，我们可以从left反推理回去。1.如果margin只有三个值，按照值的顺序为margin ：toprightbottom;缺少了left，根据原则，则left的值有right来代替。margin:10px20px 30px;就等于margin:10px20px30px20px;2.如果margin只有两个值，按照值的顺序为margin ：topright;缺少了bottom和left，根据原则left的值由right来代替，bottm的值由top来代替。mar gin:10px20px;就等于margin:10px20px10px20px;3.如果margin只有一个值，按照值的顺 序为margin:top;缺少了bottom、left和right，根据原则left的值由right来代替，bottom的值由t op来代替，right的值右top来代替，也就是说left的值也由top来代替。margin:10px;就等于margin:10p x10px10px10px;三、margin的解析逻辑目前我们已经了解到了margin的基本特性和基本写法，但对元素marg in的基本解析逻辑还是很模糊，到底margin的top、right、bottom、left都是以什么为基准来促使boxmodel 形成。为了形象，易懂的对margin的逻辑进行说明，下面讲解的过程中，将引入W3C上没有的参考线的说法。何谓参考线？参考线就是ma rgin移动的基准点，此基准点相对于box是静止的。而margin的数值，就是box相对于参考线的位移量。在margin中top、 right、bottom、left的参考线并不一致为一类，而是分为了两类参考线，top和left的参考线属于一类，right和bo ttom的参考线属于另一类。那他们到底各以什么为参考线呢？top以containingblock的content上边或者垂直上方 相连元素margin的下边为参考线垂直向下位移；left以containingblock的content左边或者水平左方相连元素 margin的右边为参考线水平向右位移。right以元素本身的border右边为参考线水平向右位移；bottom以元素本身的bor der下边为参考线垂直向下位移。从上我们可以看到top和left都是以外元素为参考，而right和bottom以本元素为参考。上面 的位移方向是指margin数值为正值时候的情形，如果是负值则位移方向相反。或许理论听起来比较枯燥，我们举例说明一下：<!DOCT YPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="ht tp://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/><title>无标题文档type="text/css">div{width:200px;height:200px;background:#ccc;}

外边距的margin-width的值类型有：auto|length|
percentage

如上代码，很简单，为了方便我们看到效果，我们给div设置了宽度和高度以
及背景色。现在我们给div的样式加上margin属性，比如：margin:-10px20px-30px40px;这时候mar
gin的解析逻辑是怎样的呢？首先我们要搞清div的和周边元素的关系，div没有相连元素，而此时div的containingblo
ck是body产生的blockbox。则根据上面介绍的参考线原理，div的左外边距以containingblock的conte
nt左边为参考线，及此时以body的content左边为参考线进行水平向右位移，位移的大小为40px，同理，上边距以body的co
ntent上边为参考线进行垂直向上位移10px（负值和正值的方向相反），下边距依照现在div的borer下边（此时的div已经经过
上边距位移过了）垂直向上位移30px（此时，margin不会改变box的border内的物理大小，但会改变box的逻辑大小，即：以
此box的margin的下边为参考的元素，不是从box的物理位置开始的，而是从逻辑位置开始），右边距依照现在div的borer右边
（此时的div已经经过左边距位移过了）水平向右位移20px。或许有朋友问你分析的顺序怎么和margin表达式中出现的顺序不一样？如
果按照margin表达式中出现的顺序来分析，结果是一样的，只是为了更好的方便大家的理解而没有按照表达式的顺序来分析。用margin
最后的实际显示大小的到底是怎么样呢，或许有朋友也比较疑惑，我暂时用逻辑大小和物理大小来区分（其实上面已用到此概念），到底什么是逻辑
大小，什么是物理大小呢？！具体可以看图，物理大小指的是除去margin，也就是包含border以内的box大小，而逻辑大小，则是b
ox通过margin解析规则解析后得到的大小（这或许可以解释为什么IE5会错误解析盒模型）。在上图中，box的实际显示的宽度等于b
ox的逻辑大小，而box实际显示的高度等于box的物理大小，这说明box实际显示的大小可能是box的逻辑大小，也可能是box的物理
大小，规则到底是怎样的——box的实际大小=box的物理大小+正的margin这仅对元素本身有效，对于其后面的相关元素，他们则只
以margin的逻辑大小为准则，进行布局。有朋友反应，听得很迷糊，越看越不懂，如果你对具体的理解过程不感兴趣的话，那记住下面我总结
的结论就可以了，XD结论：box最后的显示大小等于box的border及border内的大小加上正的margin值。而负的marg
in值不会影响box的实际大小，如果是负的top或left值会引起box的向上或向左位置移动，如果是bottom或right只会影
响下面box的显示的参考线。<29>left,right,top,bottom仅对于position:relative|abso
lute|fixed的元素有意义。<30>成功treeview右键菜单1<%@PageLanguage="C#"AutoEv
entWireup="true"CodeBehind="test4.aspx.cs"Inherits="INGNET.Web.
test4"%>l//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
nat="server">ghtie5()"onmouseout="lowlightie5()"onclick="jumptoie5();">id="one"class="menuitems"url="">enuitems"url="">t="server">deText="b"Value="b">eNode>lue="cc">t="cccc"Value="cccc">ode>eView>if(document.all)
{ie5menu.className=menuskin;document.getElementById(''TreeView
1'').oncontextmenu=showmenuie5;document.body.onclick=hidemenu
ie5;}<31>成功给标签赋值1usingSystem;usingSyst
em.Data;usingSystem.Configuration;usingSystem.Collections;using
System.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingS
ystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts
;usingSystem.Web.UI.HtmlControls;publicpartialclasstest2:Sy
stem.Web.UI.Page{protectedvoidPage_Load(objectsender,EventAr
gse){}protectedvoidButton1_Click(objectsender,EventArgse
){ScriptManager.RegisterStartupScript(this,typeof(Page),"","
",
false);//标签}}<32>成功延时函数1System.Threading.Thread.Sleep(1);<33>成功循
环中使用随机数1Random?ran=new?Random();??for(inti=0;i<100;i++){int
??temp=ran.Next(100);Responsed.Write(temp.ToString());}??<34>成功循环
中使用随机数2Randomrom=newRandom();for(inti=0;i++){stringss="GR";stringdate=ss+DateTime.Now.ToString("
HHmmss");stringbianhao=rom.Next(100000,999999).ToString();s
tring_group_number_fun=date+bianhao;}<35>成功html换行符1\r\n<36>成功
使用html换行符1///

///为a指?定?§字á?段?列￠D表à¨a创???建?§对?应?|控?件t,
用??于?¨2保à?ê存??///

///有?DG
ridView选?择?字á?段?///ra">GridView复??选?框¨°控?件t名?称?///publ
icstaticstringcreate_select_form_html(GridViewGridView_fun,s
tringCheckBox_column_name_para){stringString_namex_fun="";/
/字á?段?名?称?stringString_description_fun="";//字á?段?描¨¨述o?strin
gString_Field_type_fun="";//字á?段?类¤¨¤型¨aintInt_Width1_fun=
0;//框¨°宽¨a度¨¨stringString_list_option_fun="";//列￠D表à¨a选?项?St
ringBuilderhtml_value_fun=newStringBuilder();html_value_fun.
Append("");intcount1=GridView_fun.Rows
.Count;for(inti=0;i=(CheckBox)GridView_fun.Rows[i].Cells[0].FindControl(CheckBox_co
lumn_name_para);if(CheckBox_fun.Checked==false){continue;}
String_namex_fun=GridView_fun.Rows[i].Cells[1].Text;String_de
scription_fun=GridView_fun.Rows[i].Cells[2].Text;String_Field_
type_fun=GridView_fun.Rows[i].Cells[3].Text;Int_Width1_fun=C
onvert.ToInt32(GridView_fun.Rows[i].Cells[4].Text);String_list_o
ption_fun=GridView_fun.Rows[i].Cells[5].Text;//===============
==========================================================//动?￥态
??创???建?§表à¨a格?行D和¨a列￠Dhtml_value_fun.Append("\r\n");html_value
_fun.Append("");html_value_fun.Append("\r\n"
);html_value_fun.Append("

");html_value_fun.Append(String_de
scription_fun+"：êo");html_value_fun.Append("\r\n");html_value
_fun.Append("_lab_interface")+"''id=''"+(String_namex_fun+"_lab_interface
")+"''value=''"+String_description_fun+"''/>");html_value_f
un.Append("\r\n");html_value_fun.Append("

");html_value_fun.Ap
pend("\r\n");html_value_fun.Append(create_control_html(String_Fi
eld_type_fun,String_namex_fun,Int_Width1_fun,String_list_optio
n_fun));html_value_fun.Append("\r\n");html_value_fun.Append("td>");html_value_fun.Append("\r\n");html_value_fun.Append(">");//==========================================================
===============}html_value_fun.Append("\r\n");html_value_fun.A
ppend("

");returnhtml_value_fun.ToString();}<37>成功动态生成t
able1///

///为a指?定?§字á?段?列￠D表à¨a创???建?§对?应?|控?件t,用??于?
¨2保à?ê存??///

///有?DGridVi
ew选?择?字á?段?///G
ridView复??选?框¨°控?件t名?称?///publicst
aticstringcreate_select_form_html(GridViewGridView_fun,string
CheckBox_column_name_para){stringString_namex_fun="";//字á?段
?名?称?stringString_description_fun="";//字á?段?描¨¨述o?stringStr
ing_Field_type_fun="";//字á?段?类¤¨¤型¨aintInt_Width1_fun=0;//框
¨°宽¨a度¨¨stringString_list_option_fun="";//列￠D表à¨a选?项?StringB
uilderhtml_value_fun=newStringBuilder();html_value_fun.Appen
d("");intcount1=GridView_fun.Rows.Coun
t;for(inti=0;ieckBox)GridView_fun.Rows[i].Cells[0].FindControl(CheckBox_column_
name_para);if(CheckBox_fun.Checked==false){continue;}Stri
ng_namex_fun=GridView_fun.Rows[i].Cells[1].Text;String_descrip
tion_fun=GridView_fun.Rows[i].Cells[2].Text;String_Field_type_
fun=GridView_fun.Rows[i].Cells[3].Text;Int_Width1_fun=Conver
t.ToInt32(GridView_fun.Rows[i].Cells[4].Text);String_list_option
_fun=GridView_fun.Rows[i].Cells[5].Text;//====================
=====================================================//动?￥态??创??
?建?§表à¨a格?行D和¨a列￠Dhtml_value_fun.Append("\r\n");html_value_fun.
Append("");html_value_fun.Append("\r\n");ht
ml_value_fun.Append("

");html_value_fun.Append(String_descrip
tion_fun+"：êo");html_value_fun.Append("\r\n");html_value_fun.
Append("interface")+"''id=''"+(String_namex_fun+"_lab_interface")+
"''value=''"+String_description_fun+"''/>");html_value_fun.Ap
pend("\r\n");html_value_fun.Append("

");returnhtml_value_fun.ToString();}///

/
//创???建?§字á?段?对?应?|控?件t,创???建?§需¨¨要°a保à?ê存??的ì?控?件t///y>///控?件t类¤¨¤型¨a///aramname="column_name_para">字á?段?名?称?///idth_para">字á?段?大?¨?小?///列
￠D表à¨a项?///返¤|ì回?值|ìpublicstatics
tringcreate_control_html(stringcontrol_type_para,stringcolumn
_name_para,intwidth_para,stringlist_text_para){stringadd_v
alue_fun="";//本à?次??累¤?加¨?值|ìStringBuilderreturnvaluefun=ne
wStringBuilder();//返¤|ì回?值|ìswitch(control_type_para){case"
单ì￡¤行D文?本à?":returnvaluefun.Append("para+"_tb_interface")+"''name=''"+(column_name_para+"_tb_i
nterface")+"''type=''text''/>");break;case"多¨¤行D文?本à?":retur
nvaluefun.Append("terface")+"''rows=''2''cols=''20''id=''"+(column_name_para+"_t
b_interface")+"''>");break;case"数oy值|ì":returnval
uefun.Append("+"''name=''"+(column_name_para+"_tb_interface")+"''type=''t
ext''/>");break;case"日¨?期¨2":returnvaluefun.Append("me=''"+(column_name_para+"_tb_interface")+"''type=''text''max
length=''30''id=''"+(column_name_para+"_tb_interface")+"''onf
ocus=''setday(this)''onkeypress=''returnfalse''onselectstart=''retu
rnfalse;''/>");break;case"下?拉¤-框¨°":if(list_text_para.Lengt
h>0){string[]list_text_para_array=list_text_para.Split('',''
);returnvaluefun.Append("_ddl_interface")+"''id=''"+(column_name_para+"_ddl_interface
")+"''>");intcount1=list_text_para_array.Length;for(inti
=0;ilist_text_para_array[i]+"''>");returnvaluefun.Append(list_text
_para_array[i]);returnvaluefun.Append("");}returnvalu
efun.Append("");}break;case"单ì￡¤选?框¨°":returnvaluef
un.Append(""''type=''radio''name=''"+(column_name_para+"_rb_interface")+
"''value=''''/>");break;case"复??选?框¨°":returnvaluefun.Append("
eckbox''name=''"+(column_name_para+"_cb_interface")+"''/>");
break;case"文?章?":returnvaluefun.Append("umn_name_para+"_tb_interface")+"___Frame")+"''src=''/same_ci
ty_net/currency/fckeditor/editor/fckeditor.html?InstanceName="+
(column_name_para+"_tb_interface")+"&Toolbar=Default''wid
th=''800px''height=''400px''frameborder=''no''scrolling=''no''>e>");returnvaluefun.Append("_name_para+"_tb_interface")+"''name=''"+(column_name_para+
"_tb_interface")+"''/>");break;}returnreturnvaluefun.ToStri
ng();}<38>成功向ascx文件传递参数1<%@RegisterTagPrefix="header"TagName=
"header"Src="../../fore_page/header.ascx"%>eader1"runat="server"path_page="../../../"/>Ascx页面：usingSyste
m;usingSystem.Collections.Generic;usingSystem.Web;usingSystem.
Web.UI;usingSystem.Web.UI.WebControls;namespaceINGNET.Web.same_
city_net.Member_system.fore_page{publicpartialclassheader:S
ystem.Web.UI.UserControl{INGNET.COMMON.MessageBoxMessageBox_fu
n=newINGNET.COMMON.MessageBox();privatestring_path_page;pr
otectedvoidPage_Load(objectsender,EventArgse){if(!IsPostB
ack){}}publicstringpath_page{get{return_path_page;}
set{_path_page=value;}}}}<39>成功使用属性1usingSystem;usingSys
tem.Collections.Generic;usingSystem.Web;usingSystem.Web.UI;usin
gSystem.Web.UI.WebControls;namespaceINGNET.Web.same_city_net.Me
mber_system.fore_page{publicpartialclassheader:System.Web.U
I.UserControl{INGNET.COMMON.MessageBoxMessageBox_fun=newING
NET.COMMON.MessageBox();privatestring_path_page;publicstring
ttt;protectedvoidPage_Load(objectsender,EventArgse){if(
!IsPostBack){}}publicstringpath_page{get{return_path_
page;}set{_path_page=value;}}}}<40>成功使用隐藏列2FieldHeaderText="标识列"Visible="false">ID="id_column"runat="server"Text=''<%#Bind("id")%>''>el><41>成功treeview判断要添加节点是否存在
1///

///判断要添加节点是否存在///

///lect_node_para">选择节点///要添加节
点///返回值publicstaticBooleanexist_
child_node(TreeNodeselect_node_para,TreeNodeadd_node_para){B
ooleanreturnvaluefun=false;intcount1=select_node_para.Chil
dNodes.Count;for(inti=0;ipara.ChildNodes[i].Value==add_node_para.Value){returnvaluefun
=true;break;}}returnreturnvaluefun;}<42>成功控件对齐1="float:left;">interface"runat="server"RepeatDirection="Horizontal">tItemSelected="True">商|¨?家¨°个?人¨?<
/asp:ListItem>on1"runat="server"CssClass="buttom"OnClick="Button1_Click"Tex
t="登ì?陆?"/><43>成功gridview使用隐藏列1à¨o识o?列￠D"Visible="false">mn"runat="server"Text=''<%#Bind("id")%>''>mplate><44>成功框架外打开页面1Response.Write(">top.location=''../login.aspx'';");<45>成功页面错误处理1///ry>///页面错误处理///

//////
protectedvoidPage_Error(objectsender,
EventArgse){Exceptionex=Server.GetLastError();if(HttpCon
text.Current.Server.GetLastError()isHttpRequestValidationExcept
ion){HttpContext.Current.Response.Write("请?输o?入¨?合?法¤?§的ì?字á?符¤
?串??【?返¤|ì回?】?");Htt
pContext.Current.Server.ClearError();}}<46>成功使用确认对话框1usingSys
tem;usingSystem.Collections.Generic;usingSystem.Web;usingSyste
m.Web.UI;usingSystem.Web.UI.WebControls;namespaceINGNET.Web{pu
blicpartialclasstest:System.Web.UI.Page{INGNET.COMMON.Mess
ageBoxMessageBox_page=newINGNET.COMMON.MessageBox();protecte
dvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){
Button1.OnClientClick="returnwindow.confirm(''确¨?¤认¨?删|?除y?'')"
;}}protectedvoidButton1_Click(objectsender,EventArgse){
MessageBox_page.Show(this.Page,"ok");}}}<47>购物车1满意答案我的想法是将购买的东
西用表保存，再将表保存到session[cart]中?,点击购买时会有一件商品信息，假设为保存到DataTable中的tab点击购
买按钮的click事件：if(session[cart]==null)??????//如果是第一次购买{?DataTablet
able=newDataTable();??????//动态生成表?DataColumncolumn1=newDataC
olumn("GoodsName",typeof(string));????//动态生成列?DataColumncolumn
2=newDataColumn("GoodsPrice",typeof(double));DataColumncolumn3
=newDataColumn("GoodsNumber",typeof(int));//假设我的表中只显示http://wen
wen.soso.com/z/Search.e?sp=S%E5%95%86%E5%93%81%E5%90%8D%E7%A7%B0&
ch=w.search.yjjlink&cid=w.search.yjjlink商品名称，商品价格，商品数量?table.Col
umns.add(column1);??????//将列添加到表中?table.Columns.add(column2);t
able.Columns.add(column3);DataRowrow=table.newRow();row["Goods
Name"]=tab.rows[0]["name"];????//从tab表(只可能是一件商品)中拿到购买的商品名称列?row
["GoodsPrice"]=tab.rows[0]["price"];?????//从tab表中拿到价格列?row["Goo
dsNumber"]=1?????????????????????????????//第一次购买默认数量就是1件?table.
rows.add(row)?;???????????????????????????????????//将row添加到表中?s
ession["cart"]=table;???????????????????//将表放入到session中}else????
??????????????????????????????????????????????????//第二次购买了{?Dat
aTable?shoppingCart=session["cart"];???//从session中拿到tablebool
b=true;for(DaraRowrowinshoppingCart.Rows){if(row["GoodsName
"].toString()==tab[0]["name"].toString())???//判断是否是同一件商品?{row[
"GoodsNumber"]=convert.toInt32(row["GoodsNumber"])+1;??//将数量加上1
session["cart"]=shoppingCart;?????????//重新把表放入session?b=false;}
?}if(b)????????//没有相同的商品?{DataRowrow=shoppingCart.newRow();
row["GoodsName"]=tab[0]["Name"];row["GoodsPrice"]=tab[0]["price"
];row["GoodsNumber"]=tab[0]["number"]shoppingCart.Rows.add(row)
;????//添加新行?session["cart"]=shoppingCart????//同样将表保存到session中?
}response.redirect("cart.aspx");???????????//跳到http://wenwen.so
so.com/z/Search.e?sp=S%E8%B4%AD%E7%89%A9%E8%BD%A6&ch=w.search.yjj
link&cid=w.search.yjjlink购物车界面去显示session中的表??}}没有验证，只是凭记忆敲的，如果有问
题，我相信你自己也可以解决了；不过不知道符不符合你的要求。我习惯用Session保存表，也可以用集合。继续追问：嗯，懂了，谢了，
看来你水平挺高的。可以加你为好友吗？继续追问：每次点击购买，购物车中都会出现刚买的东西，但是原来买的就没了，就是说购物车中总是
只显示最近一次买的东西，其他的没有，这是怎么回事啊？补充回答：刚开始你用session保存的表中数据你要拿出来啊，你新买的商品
在添加到表中啊，再用session保存啊，我的代码中已经体现的非常清楚了啊<48>成功使用购物车1usingSystem;usi
ngSystem.Collections.Generic;usingSystem.Web;usingSystem.Web.U
I;usingSystem.Web.UI.WebControls;usingSystem.Data;namespaceWeb
Application3{publicpartialclasstest2:System.Web.UI.Page{p
rotectedvoidPage_Load(objectsender,EventArgse){if(!IsPost
Back){DataTabletable=newDataTable();//动?￥态??生|¨2成¨|表à¨aDataC
olumncolumn1=newDataColumn("GoodsName",typeof(string));//动?￥态??
生|¨2成¨|列￠DDataColumncolumn2=newDataColumn("GoodsPrice",typeof(
decimal));DataColumncolumn3=newDataColumn("GoodsNumber",typeof
(string));//假¨′设|¨¨我¨°的ì?表à¨a中D只?显?示o?商|¨?品?¤名?称?，ê?商|¨?品?¤价?格?，
ê?商|¨?品?¤数oy量￠?table.Columns.Add(column1);//将?列￠D添?¨a加¨?到ì?表à¨a中
Dtable.Columns.Add(column2);table.Columns.Add(column3);DataRow
row=table.NewRow();row["GoodsName"]="sss";//从?¨?tab表à¨a(只?可¨|能¨
1是o?一°?件t商|¨?品?¤)中D拿?到ì?购o买¨°的ì?商|¨?品?¤名?称?列￠Drow["GoodsPrice"]
=33;row["GoodsNumber"]="sadf";table.Rows.Add(row);//将?row添?
¨a加¨?到ì?表à¨a中DSession["cart"]=table;}}protectedvoidButton1_
Click(objectsender,EventArgse){DataTableDataTable_fun=Ses
sion["cart"]asDataTable;MessageBox.Show(this.Page,DataTable_f
un.Rows[0]["GoodsName"].ToString());}}}<49>成功使用购物车2usingSystem
;usingSystem.Collections.Generic;usingSystem.Web;usingSystem.W
eb.UI;usingSystem.Web.UI.WebControls;usingSystem.Data;namespace
WebApplication3{publicpartialclasstest2:System.Web.UI.Page
{protectedvoidPage_Load(objectsender,EventArgse){if(!Is
PostBack){DataTabletable=newDataTable();//动?￥态??生|¨2成¨|表à¨aD
ataColumncolumn1=newDataColumn("GoodsName",typeof(string));//动?
￥态??生|¨2成¨|列￠DDataColumncolumn2=newDataColumn("GoodsPrice",typ
eof(decimal));DataColumncolumn3=newDataColumn("GoodsNumber",ty
peof(string));//假¨′设|¨¨我¨°的ì?表à¨a中D只?显?示o?商|¨?品?¤名?称?，ê?商|¨?品?¤价
?格?，ê?商|¨?品?¤数oy量￠?table.Columns.Add(column1);//将?列￠D添?¨a加¨?到ì?表
à¨a中Dtable.Columns.Add(column2);table.Columns.Add(column3);//将
?row添?¨a加¨?到ì?表à¨a中Dfor(inti=0;i<5;i++){DataRowrow=
table.NewRow();row["GoodsName"]="sss";//从?¨?tab表à¨a(只?可¨|能¨1是o
?一°?件t商|¨?品?¤)中D拿?到ì?购o买¨°的ì?商|¨?品?¤名?称?列￠Drow["GoodsPrice"]=3
3;row["GoodsNumber"]="sadf";table.Rows.Add(row);}Session["c
art"]=table;}}protectedvoidButton1_Click(objectsender,Ev
entArgse){DataTableDataTable_fun=Session["cart"]asDataTab
le;MessageBox.Show(this.Page,DataTable_fun.Rows[4]["GoodsName"]
.ToString());}}}<50>成功使用n次方1usingSystem;usingSystem.Collectio
ns.Generic;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.
UI.WebControls;namespaceWebApplication3{publicpartialclasste
st3:System.Web.UI.Page{protectedvoidPage_Load(objectsender
,EventArgse){if(!IsPostBack){doublej=System.Math.Pow(2,
12);MessageBox.Show(this.Page,j.ToString());}}}}<51>成功使用购物车3u
singSystem;usingSystem.Collections.Generic;usingSystem.Web;usi
ngSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Dat
a;namespaceWebApplication3{publicpartialclasstest2:System.
Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse
){if(!IsPostBack){DataTabletable=newDataTable();//动?￥态??生|
¨2成¨|表à¨aDataColumncolumn1=newDataColumn("GoodsName",typeof(st
ring));//动?￥态??生|¨2成¨|列￠DDataColumncolumn2=newDataColumn("Good
sPrice",typeof(decimal));DataColumncolumn3=newDataColumn("Good
sNumber",typeof(string));//假¨′设|¨¨我¨°的ì?表à¨a中D只?显?示o?商|¨?品?¤名?称?
，ê?商|¨?品?¤价?格?，ê?商|¨?品?¤数oy量￠?table.Columns.Add(column1);//将?列￠D
添?¨a加¨?到ì?表à¨a中Dtable.Columns.Add(column2);table.Columns.Add(co
lumn3);//将?row添?¨a加¨?到ì?表à¨a中Dfor(inti=0;i<5;i++){Dat
aRowrow=table.NewRow();row["GoodsName"]="sss";//从?¨?tab表à¨a
(只?可¨|能¨1是o?一°?件t商|¨?品?¤)中D拿?到ì?购o买¨°的ì?商|¨?品?¤名?称?列￠Drow["Goods
Price"]=33;row["GoodsNumber"]="sadf";table.Rows.Add(row);}
Session["cart"]=table;table.Rows[4].Delete();}}protectedv
oidButton1_Click(objectsender,EventArgse){DataTableDataTab
le_fun=Session["cart"]asDataTable;DataRowrow=DataTable_fu
n.NewRow();row["GoodsName"]="fdsaf反¤??对?撒¨?范¤?德ì?萨¨?";//从?¨?ta
b表à¨a(只?可¨|能¨1是o?一°?件t商|¨?品?¤)中D拿?到ì?购o买¨°的ì?商|¨?品?¤名?称?列￠Drow["
GoodsPrice"]=33;row["GoodsNumber"]="sadf";DataTable_fun.Row
s.Add(row);MessageBox.Show(this.Page,DataTable_fun.Rows[4]["Goo
dsName"].ToString());}}}<52>margin:0auto意思1margin:10px20px30
px40px;4个值是是指上右下左4个方向的距离margin:0auto；2个值是是指（上下）（左右)一起控制
那么margin:0auto；的意思就是上下距离是0左右距离自动也就是说是居中的意思！~<53>asp.net刷新页
面代码1ASP.NET刷新页面的六种方法2009-08-209:14asp.net页面刷新是有问题,收藏几种方法挺有用的.第一
：privatevoidButton1_Click(objectsender,System.EventArgse)
{Response.Redirect(Request.Url.ToString());}第二：privatevoi
dButton2_Click(objectsender,System.EventArgse){Response.Wr
ite("window.location.href=document.
URL;");}第三：privatevoidButton3_Click(objectsende
r,System.EventArgse){Response.AddHeader("Refresh","0");}第
四：privatevoidButton6_Click(objectsender,System.EventArgse
){//好像有些不对？//Response.Write("wind
ow.location.reload();");}第五：(需替换<>)

TION:absolute;TOP:232px"ms_positioning="text2D">

e="3">自动刷新页面

第六：ent="300;url=target.html">用window.location.href实现刷新另个框架页面（转载自仰
天一笑）转载自仰天一笑在写ASP.Net程序的时候，我们经常遇到跳转页面的问题，我们经常使用Response.Redirect
，如果客户要在跳转的时候使用提示，这个就不灵光了，如：Response.Write("");Response.Redirect("main.html");这时候我们的提示内容没有出来就跳
转了，和Response.Redirect("main.html");没有任何区别。这时我们采用下面代码试验一下：Response
.Write("alert(''恭喜您，注册成功！'')")
;Response.Write("window.location.href
=''main.html''");这个即实现了我们的要求，在提示后，跳转页面。最重要的是window.locatio
n.href语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面(Response.Redirect无法达到，至少
我没有发现)：如：index.htm页面中有二个框架，分别为frameLeft和frameRight，在frameRight页面
中执行服务器端代码后刷新frameLeft中的页面。先前最常见的是注册之后，自动刷新登陆框，让登陆框换成已登陆页面，只要在注册成功
的代码之后加上一段，即可以实现刷新另个框架的页面。代码如下：Response.Write("vascript>alert(''恭喜您，注册成功！'')");Response.Write("nguage=javascript>window.parent.frameLeft.location.href=''main.htm
l''");??自动刷新页面的实现方法总结:1)="10;url=跳转的页面">10表示间隔10秒刷新一次2)wi
ndow.location.reload(true);如果是你要刷新某一个iframe就把window给换成fr
ame的名字或ID号3)window.navigate("本页面u
rl");4>functionabc(){window.location.href="/blog/window
.location.href";setTimeout("abc()",10000);}刷新本页：Response.Write("<
scriptlanguage=javascript>window.location.href=window.location.h
ref;")刷新父页：Response.Write("o
pener.location.href=opener.location.href;")转到指定页:Respons
e.Write("window.location.href=''yourpa
ge.aspx'';")刷新页面实现方式总结(HTML,ASP,JS)''byaloxy定时刷新：1，t>setTimeout("location.href=''url''",2000)说明：url是要刷新的页面URL
地址2000是等待时间=2秒，2，说明：nisth
enumberofsecondstowaitbeforeloadingthespecifiedURL.url
isanabsoluteURLtobeloaded.n,是等待的时间，以秒为单位url是要刷新的页面URL地址3，
<%response.redirecturl%>说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用respon
se.redirect刷新。4，刷新框架页〈scriptlanguage=javascript>top.leftFrm.loc
ation.reload();parent.frmTop.location.reload();的问题Response.Write("");//openResponse.Write(">document.location=document.location;");在子窗体页面代码head中加入<
basetarget="_self"/>刷新的内容加在?if(!IsPostBack)中在框架页中右面刷新左面//刷新框
架页左半部分Response.Write("");Response.Wri
te("parent.left.location.href=''PayDetailManage_Left.aspx''");Respo
nse.Write("");页面定时刷新功能实现有三种方法：1，在html中设置：xxxxx</t itle>之後加入下面这一行即可！定时刷新：<METAHTTP-EQUIV="Refresh"content="10">1 0代表刷新间隔,单位为秒2.jsp<%response.setHeader("refresh","1");%>每一秒刷新一次3 .使用javascript:<scriptlanguage="javascript">setTimeout("self.loca tion.reload();",1000);<script>一秒一次页面自动跳转：1，在html中设置：<title>xxxxx< /title>之後加入下面这一行即可！定时跳转并刷新：<metahttp-equiv="refresh"content="2 0;url=http://自己的URL">,其中20指隔20秒后跳转到http://自己的URL页面。点击按钮提交表单后刷新上级 窗口A窗口打开B窗口然后在B里面提交数据至C窗口最后要刷新A窗口并且关闭B窗口几个javascript函数//第一个自动关闭窗口< scriptlanguage="javascript"></script> <DIVstyle="Z-INDEX:102;LEFT:408px;POSITION:absolute;TOP:2 32px"ms_positioning="text2D"><FONTsize="3">自动刷新页面</P ></DIV>第六：<metahttp-equiv="refresh"content="300;url=target.h tml">用window.location.href实现刷新另个框架页面（转载自仰天一笑）转载自仰天一笑在写ASP.Net 程序的时候，我们经常遇到跳转页面的问题，我们经常使用Response.Redirect，如果客户要在跳转的时候使用提示，这个就不 灵光了，如：Response.Write("<script>alert(''恭喜您，注册成功！'');</script>");Resp onse.Redirect("main.html");这时候我们的提示内容没有出来就跳转了，和Response.Redirect( "main.html");没有任何区别。这时我们采用下面代码试验一下：Response.Write("<scriptlangua ge=javascript>alert(''恭喜您，注册成功！'')</script>");Response.Write("<scri ptlanguage=javascript>window.location.href=''main.html''</script>" );这个即实现了我们的要求，在提示后，跳转页面。最重要的是window.location.href语句可以实现一个框架的页面在执 行服务器端代码后刷新另一个框架的页面(Response.Redirect无法达到，至少我没有发现)：如：index.htm页面中有 二个框架，分别为frameLeft和frameRight，在frameRight页面中执行服务器端代码后刷新frameLeft中 的页面。先前最常见的是注册之后，自动刷新登陆框，让登陆框换成已登陆页面，只要在注册成功的代码之后加上一段，即可以实现刷新另个框架的 页面。代码如下：Response.Write("<scriptlanguage=javascript>alert(''恭喜您，注册 成功！'')</script>");Response.Write("<scriptlanguage=javascript>wind ow.parent.frameLeft.location.href=''main.html''</script>");??自动刷新页面 的实现方法总结:1)<metahttp-equiv="refresh"content="10;url=跳转的页面">10表示间隔 10秒刷新一次2)<scriptlanguage=''''javascript''''>window.location.reload(t rue);</script>如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)<scriptla nguage=''''javascript''''>window.navigate("本页面url");</script>4>functi onabc(){window.location.href="/blog/window.location.href";setTim eout("abc()",10000);}刷新本页：Response.Write("<scriptlanguage=javasc ript>window.location.href=window.location.href;</script>")刷新父页：Re sponse.Write("<scriptlanguage=javascript>opener.location.href=op ener.location.href;</script>")转到指定页:Response.Write("<scriptlangu age=javascript>window.location.href=''yourpage.aspx'';</script>")刷新 页面实现方式总结(HTML,ASP,JS)''byaloxy定时刷新：1，<script>setTimeout("location .href=''url''",2000)</script>说明：url是要刷新的页面URL地址2000是等待时间=2秒，2，<meta name="Refresh"content="n;url">说明：nisthenumberofsecondsto waitbeforeloadingthespecifiedURL.urlisanabsoluteURLto beloaded.n,是等待的时间，以秒为单位url是要刷新的页面URL地址3，<%response.redirectur l%>说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用response.redirect刷新。4，刷新框架页 〈scriptlanguage=javascript>top.leftFrm.location.reload();parent .frmTop.location.reload();</script〉弹出窗体后再刷新的问题Response.Write("<sc ript>window.showModalDialog(''../OA/SPCL.aspx'',window,''dialogHeigh t:300px;dialogWidth:427px;dialogTop:200px;dialogLeft:133px '')</script>");//openResponse.Write("<script>document.location=doc ument.location;</script>");在子窗体页面代码head中加入<basetarget="_self"/>刷 新的内容加在?if(!IsPostBack)中在框架页中右面刷新左面//刷新框架页左半部分Response.Write(" <scriptlanguage=javascript>");Response.Write("parent.left.locati on.href=''PayDetailManage_Left.aspx''");Response.Write("</script>") ;页面定时刷新功能实现有三种方法：1，在html中设置：<title>xxxxx之後加入下面这一行即可！定时刷新
：10代表刷新间隔,单位为秒2.jsp<%re
sponse.setHeader("refresh","1");%>每一秒刷新一次3.使用javascript:language="javascript">setTimeout("self.location.reload();",1000);
d>

Button2"runat="server"onclick="Button2_Click"Text="save"OnCli
entClick="eee()"/>

r"onclick="Button1_Click"Text="Button"/>Box1"runat="server"><56>成功j
s操作数据库2<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="
test.aspx.cs"Inherits="INGNET.Web.test"%>"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xh
tml1/DTD/xhtml1-transitional.dtd">1999/xhtml">ext/javascript">functioneee(){//用??JavaScript写??服¤t务?器??端?连
￠?接¨?数oy据Y库a的ì?代?¨2码?示o?例¤yvarconn=newActiveXObject("ADODB.C
onnection");//conn.Open("Provider=SQLOLEDB.1;DataSo
urce=localhost;UserID=sa;"//+"Password=ss;InitialCatalog=em
s_erp");conn.Open("Provider=SQLOLEDB.1;DataSource=(local);Use
rID=sa;Password=ss;InitialCatalog=ems_erp");varrs=newActi
veXObject("ADODB.Recordset");varsql="selecttop1titlefrom
ks_product";rs.open(sql,conn);varsysUserKind;if(!rs.EOF){
sysUserKind=rs("title");}alert(sysUserKind);rs.close();rs=
null;conn.close();conn=null;}id="form1"runat="server">

="server"onclick="Button2_Click"Text="save"OnClientClick="eee(
)"/>

tton1_Click"Text="Button"/>erver"onclick="eee();"><57>
成功js操作数据库3functionset_active(){
//用??JavaScript写??服¤t务?器??端?连￠?接¨?数oy据Y库a的ì?代?¨2码?示o?例¤yvars
tring_1_Username_fun=document.getElementById("string_1_Username
_tb_interface").value;varconn=newActiveXObject("ADODB.Connec
tion");conn.Open("Provider=SQLOLEDB.1;DataSource=(local);User
ID=sa;Password=ss;InitialCatalog=samecity");varrs=newActi
veXObject("ADODB.Recordset");varsql="selecttop1string_1_Us
ernamefrommember_user_managewhere(string_1_Username=''"+stri
ng_1_Username_fun+"'')";rs.open(sql,conn);if((!rs.EOF)&&(!
rs.BOF)){document.getElementById("Lab_interface_prompt_string_1
_Username").innerHTML="用??户?ì名?已°?存??在¨2！ê?";}else{document
.getElementById("Lab_interface_prompt_string_1_Username").innerHT
ML="";}rs.close();rs=null;conn.close();conn=null;}script><58>成功js设置边框颜色1functionse
t_active(){//document.getElementById("string_1_Usernam
e_tb_interface").style.border=''2pxgreensolid''document.getEle
mentById("string_1_Username_tb_interface").style.borderColor="R
ed";;}<59>成功判断是否邮箱1boolIsValidEmail(stringstrIn){
//ReturntrueifstrInisinvalide-mailformat.returnRegex
.IsMatch(strIn,@"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1
,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$");}protec
tedvoidButton3_Click(objectsender,EventArgse){MessageBox_p
age.Show(this.Page,IsValidEmail("meilizuihun@126.com").ToString()
);}<60>session设置1ASP.NETsession时间的设置方法一:asp.netSession的默认时间设置
是20分钟，即超过20分钟后,服务器会自动放弃Session信息.当我们在asp.net程序中打开webconfig的时候，可以看
到一段如下的代码:Asp.net程序代码：ring="tcpip=127.0.0.1:42424"sqlConnectionString="datasource=127.
0.0.1;Trusted_Connection=yes"cookieless="false"timeout="20"/>上面
一段的代码就是配置应用程序是如何存储Session信息的了.其中的timeout="20"即为asp.netsession的默
认时间.需要更改时间我们在此处填上不同的数值就可以了,默认单位为分.sessionState节点属性:mode="Off|InProc|StateServer|SQLServer"cookieless="true|false"tim
eout="numberofminutes"stateConnectionString="tcpip=server:port"
sqlConnectionString="sqlconnectionstring"stateNetworkTimeout="n
umberofseconds"/>必须有的属性是mode设置将Session信息存储到哪里Off设置为不使用Session
功能InProc设置为将Session存储在进程内，就是ASP中的存储方式，这是默认值。StateServer设置为将S
ession存储在独立的状态服务中。SQLServer设置将Session存储在SQLServer中可选的属性是：cooki
eless设置客户端的Session信息存储到哪里ture使用Cookieless模式false使用Cookie模式，这是默
认值。timeout设置经过多少分钟后服务器自动放弃Session信息。默认为20分钟stateConnectionStr
ing设置Session信息存储在状态服务中时使用的服务器名称和端口号，例如："tcpip=127.0.0.1:42424”。当m
ode的值是StateServer是，这个属性是必需的。sqlConnectionString设置与SQLServer连接时的
连接字符串。当mode的值是SQLServer时，这个属性是必需的。stateNetworkTimeout设置当使用State
Server模式存储Session状态时，经过多少秒空闲后，断开Web服务器与存储状态信息的服务器的TCP/IP连接的。默认值是1
0秒ASP.NETsession时间的设置方法二:不过有时修改配置文件不能很好的解决这个问题。你可以在公共程序里Global.
asax里修改。我们在找到global.asax中找到Session_Start后按如下设置一下就可以了。voidSessi
on_Start(objectsender,EventArgse){//在新会话启动时运行的代码Session.Ti
meout=600;}其它不知道讲什么了，手累了就写到这了.ASP.NETSession时间的设置<61>session
失效时间设置1ASP.NETsession时间的设置方法一:asp.netSession的默认时间设置是20分钟，即超过20
分钟后,服务器会自动放弃Session信息.当我们在asp.net程序中打开webconfig的时候，可以看到一段如下的代码:A
sp.net程序代码：=127.0.0.1:42424"sqlConnectionString="datasource=127.0.0.1;Trust
ed_Connection=yes"cookieless="false"timeout="20"/>上面一段的代码就是配置应用
程序是如何存储Session信息的了.其中的timeout="20"即为asp.netsession的默认时间.需要更改时间我
们在此处填上不同的数值就可以了,默认单位为分.sessionState节点属性:nProc|StateServer|SQLServer"cookieless="true|false"timeout="numbe
rofminutes"stateConnectionString="tcpip=server:port"sqlConnecti
onString="sqlconnectionstring"stateNetworkTimeout="numberofse
conds"/>必须有的属性是mode设置将Session信息存储到哪里Off设置为不使用Session功能InProc设
置为将Session存储在进程内，就是ASP中的存储方式，这是默认值。StateServer设置为将Session存储在独立
的状态服务中。SQLServer设置将Session存储在SQLServer中可选的属性是：cookieless设置客户端
的Session信息存储到哪里ture使用Cookieless模式false使用Cookie模式，这是默认值。timeou
t设置经过多少分钟后服务器自动放弃Session信息。默认为20分钟stateConnectionString设置Sessio
n信息存储在状态服务中时使用的服务器名称和端口号，例如："tcpip=127.0.0.1:42424”。当mode的值是State
Server是，这个属性是必需的。sqlConnectionString设置与SQLServer连接时的连接字符串。当mode
的值是SQLServer时，这个属性是必需的。stateNetworkTimeout设置当使用StateServer模式存储S
ession状态时，经过多少秒空闲后，断开Web服务器与存储状态信息的服务器的TCP/IP连接的。默认值是10秒ASP.NETs
ession时间的设置方法二:不过有时修改配置文件不能很好的解决这个问题。你可以在公共程序里Global.asax里修改。我们在
找到global.asax中找到Session_Start后按如下设置一下就可以了。voidSession_Start(ob
jectsender,EventArgse){//在新会话启动时运行的代码Session.Timeout=600
;}其它不知道讲什么了，手累了就写到这了.ASP.NETSession时间的设置分类:http://www.cnblogs
.com/yangfeng/category/202860.htmlASP.Net<62>成功加上try,Application_
Error失效1<63>成功line-height属性1定义和用法line-height属性设置行间的距离（行高）。注释：不允许
使用负值。说明该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-heig
ht与font-size的计算值之差（在CSS中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这
些内容的最小框就是行框。原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。默认值：normal继承性：yes版
本：CSS1JavaScript语法：object.style.lineHeight="2"实例设置以百分比计的行高：p.sma
ll{line-height:90%}p.big{line-height:200%}http://www.w3school.c
om.cn/tiy/t.asp?f=csse_dim_line-height_percentTIY（可以在页面底部查看更多实例）
浏览器支持所有浏览器都支持line-height属性。注释：任何的版本的InternetExplorer（包括IE8）
都不支持属性值"inherit"。可能的值值描述normal默认。设置合理的行间距。number设置数字，此数字会与当前的字体尺
寸相乘来设置行间距。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。inherit规定应该从父元素继承line-
height属性的值。<64>margin属性解释1定义和用法margin简写属性在一个声明中设置所有外边距属性。该属性可以有
1到4个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行
内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要
小心。注释：允许使用负值。例子1margin:10px5px15px20px;上外边距是10px右外边距是5px下
外边距是15px左外边距是20px例子2margin:10px5px15px;上外边距是10px右外边距和左外边
距是5px下外边距是15px例子3margin:10px5px;上外边距和下外边距是10px右外边距和左外边距是
5px例子4margin:10px;所有4个外边距都是10px默认值：0继承性：no版本：CSS1JavaScript
语法：object.style.margin="10px5px"实例设置p元素的4个外边距：p{margin:2c
m4cm3cm4cm;}http://www.w3school.com.cn/tiy/t.asp?f=csse_margi
nTIY浏览器支持所有浏览器都支持margin属性。注释：任何的版本的InternetExplorer（包括IE8）都
不支持属性值"inherit"。可能的值值描述auto浏览器计算外边距。length规定以具体单位计的外边距值，比如像素、厘米等
。默认值是0px。%规定基于父元素的宽度的百分比的外边距。inherit规定应该从父元素继承外边距。TIY实例<65>成功刷新
页面1MessageBox_page.ShowAndRedirect(this.Page,"添?¨a加¨?购o物?车|ì成¨|功
|！ê?",Request.Url.ToString());<66>成功js设置字体颜色1document.getElement
ById("lab_interface_string_1_Username").style.color="gray";<67>
成功防止密码被清空1protectedvoidPage_Load(objectsender,EventArgse){
this.string_1_Userkey_tb_interface.Attributes.Add("value",Reques
t["string_1_Userkey_tb_interface"]);//对?密¨1码?框¨°添?¨a加¨?的ì?事o?件t}<
68>成功gridview使用隐藏列2ible="false">ver"Text=''<%#Bind("id")%>''>TemplateField><69>成功发送手机短信1usingSystem;usingSystem.Collections.
Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;us
ingSystem.Web.UI.WebControls;publicpartialclass_Default:Sys
tem.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArg
se){if(!IsPostBack){//SendMsg("market","111222","15853108
734","验¨|证?è码?5373","300");SendMsg("ems","111111","1585310873
4","验¨|证?è码?55373","1000");}}///

///发¤?é送¨a短¨?信?
///

///用??户?ìID///name="pwd">肯?定?§是o?密¨1码?///手o?机¨2号?列￠
D表à¨a///短¨?信?内¨2容¨Y///mname="time">请?求¨?时o?à间?///boolpro
tectedboolSendMsg(stringuid,stringpwd,stringtos,stringms
g,stringtime){send_msg_to_phone.Service1msgService=newsen
d_msg_to_phone.Service1();stringbackInfo=msgService.SendMessa
ges(uid,pwd,tos,msg,time);if(backInfo.Contains("-04")){re
turnfalse;}else{returntrue;}}}需要web引用：http://service2.win
ic.org/Service.asmx?wsdlhttp://service2.winic.org/Service.asmx?ws
dl<70>成功发送邮件1usingSystem.Net.Mail;usingSystem.Net;usingSystem.
Text;usingSystem;publicstaticclassServiceMail{publicstatic
boolSend(stringsendTo,stringsubject,stringbody){returnSe
nd(sendTo,subject,body,false);}publicstaticboolSend(strin
gsendTo,stringsubject,stringbody,boolisHTML){boolresult
=false;SmtpClientclient=newSmtpClient("smtp.qq.com");//邮件服
务器client.Credentials=newNetworkCredential("858997196","ingne
t123");MailMessagemsg=newMailMessage("858997196@qq.com",sen
dTo);msg.SubjectEncoding=msg.BodyEncoding=Encoding.GetEncodi
ng("gb2312");msg.IsBodyHtml=isHTML;msg.Subject=subject;msg
.Body=body;try{client.Send(msg);result=true;}catch(Exc
eptionr){result=false;}returnresult;}}<71>成功发送邮件2类中：usin
gSystem.Net.Mail;usingSystem.Net;usingSystem.Text;usingSystem
;publicstaticclassServiceMail{publicstaticboolSend_email(s
tringsendTo,stringsubject,stringbody,boolisHTML){return
Send(sendTo,subject,body,isHTML);}publicstaticboolSend(st
ringsendTo,stringsubject,stringbody,boolisHTML){boolres
ult=false;SmtpClientclient=newSmtpClient("smtp.qq.com");//
邮件服务器client.Credentials=newNetworkCredential("858997196","in
gnet123");MailMessagemsg=newMailMessage("858997196@qq.com",
sendTo);msg.SubjectEncoding=msg.BodyEncoding=Encoding.GetEnc
oding("gb2312");msg.IsBodyHtml=isHTML;msg.Subject=subject;
msg.Body=body;try{client.Send(msg);result=true;}catch(
Exceptionr){result=false;}returnresult;}}调用:usingSystem
;usingSystem.Data;usingSystem.Configuration;usingSystem.Web;us
ingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.W
ebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.
Web.UI.HtmlControls;usingSystem.Net.Mail;usingSystem.Text;publi
cpartialclass_Default:System.Web.UI.Page{protectedvoidPa
ge_Load(objectsender,EventArgse){}protectedvoidButton1_Cl
ick(objectsender,EventArgse){StringBuildercontent_fun=new
StringBuilder();content_fun.Append("dems.com/images/ui_r2_c3.jpg"+"''alt=''''/>");content_fun.Appen
d("
");content_fun.Append("in.aspx''style=''color:Blue''>单击激活账号");//邮件内容ServiceMail.Send_
email("858997196@qq.com","测试",content_fun.ToString(),true);}
}<72>成功使用样式文件1Css文件中：.a3{background:red;}.a3.h{color:Blue;}页面中
：<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="test.asp
x.cs"Inherits="test"%>1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra
nsitional.dtd">runat="server">无标题页text/Css"href="css/test2.css"/>unat="server">fasdasfdfdsav><73>成功动态显示剩余时间1IC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR
/xhtml1/DTD/xhtml1-transitional.dtd">rg/1999/xhtml">cript">functionToFunc33(){window.setTimeout("ToFunc33()",10
00);vartoday=newDate();document.getElementById("time1").inner
HTML=today.toLocaleString();}functionshow1(){document.getEle
mentById("span_dt_dt").innerHTML=document.getElementById("span_
dt_dt").innerHTML-1;}setInterval(show1,1000);functionshow_da
te_time(){window.setTimeout("show_date_time()",1000);varnow=
newDate();//获?取¨?系|ì统a3日¨?期¨2//获?取¨?时o?à间?varhh=now.getH
ours();//获?取¨?小?时o?àvarmm=now.getMinutes();//获?取¨?分¤?钟¨?va
rss=now.getTime()%60000;//获?取¨?时o?à间?，ê?因°¨°为a系|ì统a3中D时o?à间
?是o?以°?毫¨￠秒?计?算?的ì?，ê?//所¨′以°?秒?要°a通a?§过y余?¨¤60000得ì?到ì?。?êss
=(ss-(ss%1000))/1000;//然¨?后¨?，ê?将?得ì?到ì?的ì?毫¨￠秒?数oy再¨′处?
|理¤¨a成¨|秒?document.getElementById("span_dt_dt").innerHTML=hh+"时
o?à"+mm+"分¤?"+ss+"秒?"+now;}//show_date_time();ript>43<
/div>ound-color:#FFFFFF''>42onclick="redundant_time();"/><74>成功显示剩余时间2YPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">tp://www.w3.org/1999/xhtml">e="text/javascript">functionToFunc33(){window.setTimeout("To
Func33()",1000);vartoday=newDate();document.getElementById("
time1").innerHTML=today.toLocaleString();}functionshow1(){va
robj_fun=document.getElementById("span_dt_dt");obj_fun.innerH
TML=obj_fun.innerHTML-1;if(obj_fun.innerHTML=="0"){docu
ment.getElementById("Hidden1").value="校?ê验¨|码?过y期¨2";clearInte
rval(sh);}}varsh=setInterval(show1,1000);functionshow_da
te_time(){window.setTimeout("show_date_time()",1000);varnow=
newDate();//获?取¨?系|ì统a3日¨?期¨2//获?取¨?时o?à间?varhh=now.getH
ours();//获?取¨?小?时o?àvarmm=now.getMinutes();//获?取¨?分¤?钟¨?va
rss=now.getTime()%60000;//获?取¨?时o?à间?，ê?因°¨°为a系|ì统a3中D时o?à间
?是o?以°?毫¨￠秒?计?算?的ì?，ê?//所¨′以°?秒?要°a通a?§过y余?¨¤60000得ì?到ì?。?êss
=(ss-(ss%1000))/1000;//然¨?后¨?，ê?将?得ì?到ì?的ì?毫¨￠秒?数oy再¨′处?
|理¤¨a成¨|秒?document.getElementById("span_dt_dt").innerHTML=hh+"时
o?à"+mm+"分¤?"+ss+"秒?"+now;}//show_date_time();ript>43<
/div>12="test"onclick="redundant_time();"/>hidden"/><75>成功设置table行间距1padding="0"cellspacing="5"class="datable"style="width:100%"><7
6>成功设置table行间距2设置

line-height<77>成功设置table行间距3设置

vid="pObj2"style="position:relative"><
/div>

obj1.offsetParent返回td1对象obj2.offset
Parent返回pObj2对象在DOM元素的属性里，还有parentNode这个属性，其实这个属性跟parent
Element属性是一个意思，parentElement属性是IE特有的，W3C标准是使用parentNode属性，
还有children和childNodes,children是IE特有的，childNodes被其他浏览支持。
<137>成功获取所有input元素值1<%@PageLanguage="C#"AutoEventWireup="true"
CodeBehind="test.aspx.cs"Inherits="test7.test"%>PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.o
rg/TR/xhtml1/DTD/xhtml1-transitional.dtd">.w3.org/1999/xhtml">type="text/javascript">functionee(){varchks=document.getEle
mentsByTagName("input");for(vari=0;is[i].type=="text"){alert(chks[i].value);}}}d>a"runat="server"/><
asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Te
xt="Button"OnClientClick="ee();"/><138>成
功使用getElementsByTagName1<%@PageLanguage="C#"AutoEventWireup="t
rue"CodeBehind="test.aspx.cs"Inherits="test7.test"%>htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.
w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">/www.w3.org/1999/xhtml">ripttype="text/javascript">functionee(){varchks=document.ge
tElementsByTagName("input");for(vari=0;i(chks[i].type=="text"){alert(chks[i].value);}}}<
/head>id="a"runat="server"/>/>"Text="Button"OnClientClick="ee();"/><1
39>成功获取table行内input1<%@PageLanguage="C#"AutoEventWireup="true"
CodeBehind="test.aspx.cs"Inherits="test7.test"%>PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.o
rg/TR/xhtml1/DTD/xhtml1-transitional.dtd">.w3.org/1999/xhtml">type="text/javascript">functionee(){varchks=document.getEle
mentById("tblUserInfo").getElementsByTagName("input");for(vari=
0;i].value);}}}rver">g="0"cellspacing="1">

"server"/>

on1_Click"Text="Button"OnClientClick="ee();"/>
<140>成功获取table行内input2<%@PageLanguage="C#"AutoEventWire
up="true"CodeBehind="test.aspx.cs"Inherits="test7.test"%>TYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:/
/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">ttp://www.w3.org/1999/xhtml"></title ><scripttype="text/javascript">functionee(){varchks=docume nt.getElementById("tblUserInfo").getElementsByTagName("input");f or(vari=0;i<chks.length;i++){if(chks[i].type=="text"){ale rt(chks[i].parentElement.parentElement.childNodes[1].innerHTML); alert(chks[i].parentElement.parentElement.childNodes[2].innerHTML );}}}</script></head><body><formid="form1"runat="server"> <tableid="tblUserInfo"border="0"width="100%"cellpadding="0"c ellspacing="1"><tr><td><inputtype="text"id="a2"/></td><td >a嗯¤?嗯¤?a</td><td>b呵?呵?b</td></tr></table><asp:ButtonID ="Button1"runat="server"onclick="Button1_Click"Text="Button"O nClientClick="ee();"/></form></body></html><141>成功使用parentElem ent1<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="tes t.aspx.cs"Inherits="test7.test"%><!DOCTYPEhtmlPUBLIC"-//W3C/ /DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xht ml"><headrunat="server"><title>script">functionee(){varchks=document.getElementById("tblUse
rInfo").getElementsByTagName("input");for(vari=0;ii++){if(chks[i].type=="text"){alert(chks[i].parentElement.
parentElement.childNodes[1].innerHTML);alert(chks[i].parentEleme
nt.parentElement.childNodes[2].innerHTML);}}}
order="0"width="100%"cellpadding="0"cellspacing="1">

a嗯¤?嗯¤?a

b呵?
呵?b

onclick="Button1_Click"Text="Button"OnClientClick="ee();"/>
<142>成功使用Repeater控件1<%@PageLanguage="C#"A
utoEventWireup="true"CodeBehind="User.aspx.cs"Inherits="Web.Use
r"%><%@Registersrc="CheckRefreshed.ascx"tagname="CheckRefresh
ed"tagprefix="uc1"%>0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans
itional.dtd">"Head1"runat="server">NHibernateDemo------oec2003</title ></h ead><body><formid="form1"runat="server"><divid="divEdit"><a href="#"onclick="add()">添?¨a加¨?</a><ahref="#"onclick="return edit()">修T改?</a><asp:LinkButtonID="lbtnDel"runat="server"OnC lientClick="returncheckDel()"OnClick="lbtnDel_Click">删|?除y</asp :LinkButton></div><divid="divContent"><asp:RepeaterID="rptUs erInfo"runat="server"><HeaderTemplate><tableid="tblUserInfo" border="0"width="100%"cellpadding="0"cellspacing="1"><tr><td ><inputtype="checkbox"id="chkAll"name="chkAll"value="checkbo x"onclick="checkAll(''chkAll'',this);"/></td><td>用??户?ìID</td ><td>用??户?ì名?</td><td>电ì?子á¨?邮?¨o箱?</td></tr></HeaderTemp late><ItemTemplate><tr><td><inputtype="checkbox"name="chkSe lect"value=''<%#(Container.DataItemasModel.Entities.UserInfo). UserInfoID%>''onclick="checkAll(''chkAll'',this);"/></td><td>< %#(Container.DataItemasModel.Entities.UserInfo).UserInfoID%>< /td><td><%#(Container.DataItemasModel.Entities.UserInfo).Use rName%></td><td><%#(Container.DataItemasModel.Entities.User Info).Email%></td></tr></ItemTemplate><FooterTemplate></tabl e></FooterTemplate></asp:Repeater><uc1:CheckRefreshedID="Che ckRefreshed1"runat="server"/></div><divid="divMsg"><div>用 ??户?ì名?：êo<inputid="txtName"type="text"runat="server"/> 邮?¨o 箱?：êo<inputid="txtEmail"type="text "runat="server"/> </div><asp:LinkButtonID="lbtnS ave"runat="server"OnClick="lbtnSave_Click">保à?ê存??</asp:LinkBut ton><ahref="#"onclick="colseDiv()">关?闭à?</a></div><i nputtype="hidden"id="hdnType"runat="server"/><inputtype="h idden"id="hdnUserId"runat="server"/><scripttype="text/javasc ript">function$(id){returndocument.getElementById(id);}functio ncheckAll(chkAllID,thisObj){varchkAll=document.getElementB yId(chkAllID);varchks=document.getElementsByTagName("input") ;varchkNo=0;varselectNo=0;for(vari=0;i<chks.leng th;i++){if(chks[i].type=="checkbox"){//全¨?选?触?￡¤发¤?é事o ?件tif(chkAll==thisObj){chks[i].checked=thisObj.checked; }//非¤?全¨?选?触?￡¤发¤?éelse{if(chks[i].checked&&chks[i].id! =chkAllID)selectNo++;}if(chks[i].id!=chkAllID){chkNo ++;}}}if(chkAll!=thisObj){alert(selectNo);chkAll.ch ecked=chkNo==selectNo;}}functioncheckSelectNo(chkAllID){ varchks=document.getElementsByTagName("input");varselectNo =0;for(vari=0;i<chks.length;i++){if(chks[i].type==" checkbox"){if(chks[i].id!=chkAllID&&chks[i].checked){ selectNo++;}}}returnselectNo;}functionadd(){vardivMsg =$("divMsg");divMsg.style.display="inline";divMsg.style.top=(ev ent.clientY+5)+"px";divMsg.style.left=event.clientX;clearValue( );$("hdnType").value="Add";}functionedit(){varnum=checkSel ectNo("chkAll");if(num==0){alert("请?选?择?要°a修T改?的ì?选?项?！ê?"); returnfalse;}elseif(num>1){alert("一°?次??只?能¨1修T改?一°?个?选? 项?！ê?");returnfalse;}vardivMsg=$("divMsg");divMsg.style.di splay="inline";divMsg.style.top=(event.clientY+5)+"px";divMsg.s tyle.left=event.clientX;setValue();//$("txtId").disabled="dis abled";$("hdnType").value="Edit";}functioncheckDel(){varnum= checkSelectNo("chkAll");if(num==0){alert("请?选?择?要°a删|?除y的ì? 选?项?！ê?");returnfalse;}returnconfirm("您¨2确¨?¤定?§要°a删|?除y吗e？ê ?asdf");}functioncolseDiv(){vardivMsg=$("divMsg");divMsg.styl e.display="none";}functionsetValue(){clearValue();vartblUserI nfo=$("tblUserInfo");varchks=tblUserInfo.getElementsByTagName(" input");for(vari=0;i<chks.length;i++){if(chks[i].checked==tru e){$("hdnUserId").value=chks[i].parentElement.parentElement.chi ldNodes[1].innerHTML;$("txtName").value=chks[i].parentElement.pa rentElement.childNodes[2].innerHTML;$("txtEmail").value=chks[i]. parentElement.parentElement.childNodes[3].innerHTML;}}}function clearValue(){$("txtName").value="";$("txtEmail").value="";}</ script></form></body></html><143>成功使用Container.DataItem1<%@Page Language="C#"AutoEventWireup="true"CodeBehind="User.aspx.cs"I nherits="Web.User"%><%@Registersrc="CheckRefreshed.ascx"tagna me="CheckRefreshed"tagprefix="uc1"%><!DOCTYPEhtmlPUBLIC"-//W 3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/ xhtml"><headid="Head1"runat="server"><title>NHibernateDemo---- --oec2003tylesheet"/>id="divEdit">添?¨a加¨?onclick="returnedit()">修T改?nat="server"OnClientClick="returncheckDel()"OnClick="lbtnDel_C
lick">删|?除y

genericlanguage/stylecontainer

definitionterm formcontrolgroup in teractiveform heading heading heading heading hea ding heading horizontalruleinlinesubwindow<ins>in sertedtext<legend>fieldsetlegend<li>listitem<map>client-sidei magemap<noframes>alternatecontentcontainerfornonframe-based rendering<noscript>alternatecontentcontainerfornonscript-ba sedrendering<object>genericembeddedobject<ol>orderedlistpa ragraph<pre>preformattedtext<table>table<tbody>tablebody<td>tab ledatacell<tfoot>tablefooter<th>tableheadercell<thead>table header<tr>tablerow<ul>unorderedlist行内元素<a>anchor<abbr>abbreviat edform<acronym>acronymboldtextstyle<bdo>I18NBiDiover-ride <big>largetextstyle forcedlinebreak<button>pushbutton<cit e>citation<code>computercodefragment<del>deletedtext<dfn>insta ncedefinitionemphasisitalictextstyle<iframe>inlinesubw indow<img>Embeddedimage<input>formcontrol<ins>insertedtext<kbd >texttobeenteredbytheuser<label>formfieldlabeltext<map>c lient-sideimagemap<object>genericembeddedobject<q>shortinlin equotation<samp>sampleprogramoutput,scripts,etc.<select>opti onselectorsmalltextstylegenericlanguage/styleco ntainerstrongemphasissubscriptsuperscript<text area>multi-linetextfield<tt>teletypeormonospacedtextstyle<v ar>instanceofavariableorprogramargument三.行内元素与块级元素有什么不同？下面我 就列举一些，行内元素和块级元素的一些比较容易被忽视的不同：1.尺寸-块级元素和行内元素之间的一个重要的不同点行内元素和widthW 3CCSS2标准规定行内元素、非置换元素不会应用width属性。以下例子中，对行内元素<a>应用了width:200px,你可 以看到，根本就没有什么效果。行内元素和heightW3CCSS2标准规定行内元素、非置换元素不会应用height属性，但是盒子 高度可以通过line-height来指定。以下例子，对行内元素<a>应用了height:50px,你可以看到什么效果都没。行内元素 和padding你可以给行内元素设置padding，但只有padding-left和padding-right生效。以下例子，行内 元素<a>应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没影响。行内元素和margingmargin属性 也是和padding属性一样，对行内元素左右有效，上下无效。下面的例子,对<a>应用了margin:50px，你可以看到左右边缘是 生效了但是内容上下却没有。记住对行内元素设置宽度width无效。设置高度height无效，可以通过line-height来设置 。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下则无效。注意元素范围是 增大了，但是对元素周围的内容是没影响的，看图上效果就知道了==================================== ==================================还有可变元素呢可变元素素列表--可变元素为根据上下文语境决定该 元素为块元素或者内联元素<button>按钮<del>定义文档中已被删除的文本<iframe>创建包含另外一个文档的内联框架（即行 内框架）<ins>标签定义已经被插入文档中的文本<map>客户端图像映射（即热区）<object>object对象<script> 客户端脚本<399>成功span元素设置宽高无效。<400>position属性1CSS的Position很重要，有以下几个值：s tatic，relative，absolute，fixed。Static：静态定位。如果你没有设置position属性，那么缺省就 是static。top，left，bottom，right等属性，在static的情况下是无效的，要使用这些属性，必须把posit ion设置为其他三个值之一。Relative：相对定位。元素将按照静态定位时的位置进行调整，在静态定位中分配给元素的空间仍然会分配 给它，它两边的元素不会向它靠近来填充那个空间，但它们也不会从元素的新位置被挤走。Absolute：绝对定位。元素将按照包含它的元素 的位置进行调整，比如它嵌套在另一个绝对定位的元素中，那么就相对于那个元素定位。Fixed：固定定位。元素将被设置在浏览器上一个固定 位置上，不会随其他元素滚动。形象点说，上下拉动滚动条的时候，fixed的元素在屏幕上的位置不变。需要注意的是IE6并不支持此属性。 注意：很多网页都是居中的，这样，当对元素进行绝对定位的时候，在不同的分辨率下显示会有偏差，这时，我们可以通过类似下面的方法来处理： <divstyle="position:relative;"><divstyle="position:absolute; top:10px;left:10px;"></div></div><401>position属性2CSSposition 属性2011年1月21日?|标签:?http://www.butlife.com/tag/css/CSS,?http://www .butlife.com/tag/html/Html最近又开始折腾css，被div的布局搞得头大，position这个属性原来用 的就不好，趁这个机会好好学习下。定义和用法position属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任 何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 默认值：static继承性：no版本：CSS2JavaScript语法：object.style.position=”a bsolute”浏览器支持所有主流浏览器都支持position属性。注释：任何的版本的InternetExplorer（ 包括IE8）都不支持属性值“inherit”。可能的值absolute?：生成绝对定位的元素，相对于static定位以外的 第一个父元素进行定位。元素的位置通过“left”,“top”,“right”以及“bottom”属性进行规定。?fix ed?：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过“left”,“top”,“right”以及“bot tom”属性进行规定。?relative?：生成相对定位的元素，相对于其正常位置进行定位。因此，”left:20″会向元素的 LEFT位置添加20像素。?static?：默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left ,right或者z-index声明）。inherit?：规定应该从父元素继承position属性的值。ps：当pos ition的值为static的时候，元素使用普通流定位类型，按流中出现的位置呈现，所以这个时候top,bottom,l eft,right,?z-index都是不起作用的吧。下面用div叠加的效果来说明一下：1.posotion:stati c元素在文档中出现在它应该出现的位置。http://www.butlife.com/wp-content/uploads/2011 /01/css-position-static.jpgposition:static2.position:relative可以 使用top,bottom,left和right来相对于元素在文档中应该出现的位置移动这个元素。也就是说元素实际上依然占据文 档中的原有位置，只是视觉上相对于它在文档中的原有位置移动了。http://www.butlife.com/wp-content/u ploads/2011/01/css-position-relative.jpgposition:relative3.posi tion:absolute元素就脱离了文档，即在文档中已经不占据位置了，可以准确的按照设置的top,bottom,left和 right来定位。http://www.butlife.com/wp-content/uploads/2011/01/css-p osition-absolute.jpgposition:absolute4.position:fixed跟absolute 相同，元素就脱离了文档，即在文档中已经不占据位置了，可以准确的按照设置的top,bottom,left和right来定位 。定位相对于浏览器窗口。http://www.butlife.com/wp-content/uploads/2011/01/css -position-fixed.jpgposition:fixed?5.两个层叠加的例子黄色背景的div实际上是不显示的。 同级元素，相对定位的元素靠上。http://www.butlife.com/wp-content/uploads/2011/01/ css-position-demo-1.jpgpositiondemo都是相对定位的情况下，z-index越大位置越靠上。ht tp://www.butlife.com/wp-content/uploads/2011/01/css-position-demo -2.jpgpositiondemo<402>position属性3CSS中position的几个属性值(2011-12-1 518:20:29)转载▼标签：杂谈分类：CSSposition的四种取值：static:static定位就是不定位，出 现在哪里就显示在哪里，这是默认取值，只有在你想覆盖以前的定义时才需要显示指定relative:relative就是相对元素sta tic定位时的位置进行偏移，如果指定static时top是50象素，那么指定relative并指定top是10象素时，元素实际to p就是60象素了。absolute:absolute绝对定位，直接指定top、left、right、bottom。有意思的是绝对 定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢，容器就是离元素最近的一个定位好的“祖先”，定位好的意思就是其Pos ition是absolute或fixed或relative。如果没有这个容器，那就使用浏览器初始的，也就是body或者html元素 。标准是说只需要指定left和right，width可以自动根据容器宽度计算出来，可惜ie不支持。fixed:fixed才是真正 的绝对定位，其位置永远相对浏览器位置来计算。而且就算用户滚动页面，元素位置也能相对浏览器保持不变，也就是说永远可以看到，这个做一些 彩单的时候可以用。可惜的是ie还不支持relative,absolute,fixed需要指定具体位置relative,absolu te,fixed如果不指定它的top,left等属性，那么它的position实际上依然是static。使用了relative,a bsolute,fixed就必须指定具体的位置。<403>margin-top失效解决1CSS属性有很多值得学习的地方，你对CSS 中margin-top属性失效的解决方法是否熟悉，这里和大家分享一下，相信通过本文的介绍你对margin-top属性失效的解决方法 一定会有深刻的认识。关于margin-top属性失效的解决方法常出现两种情况：（一）margin-top失效先看下面代码：<div >?<divclassdivclass="box1">float:left</div>?<divclassdivclass="bo x2">clear:both;margin-top:20px;</div>?</div>??两个层box1和box2，box1具有 浮动属性，box2没有，这时候设置box2的上边距margin-top没有效果。网上能找到的两种比较靠谱的解释：1：“在CSS2. 1中，水平的margin不会被折叠；垂直margin可能在一些盒模型中被折叠…”2：当第一个层浮动，而第二个没浮动层的margin 会被压缩，详见--浮动元素后非浮动元素的margin的处理。得到解决问题思路：要浮动一起浮动，要就一起不浮动。解决办法：1.box 2增加float属性2.box1与box2之间增加一层"<divstyle="clear:both;"></div>"（二）子元素 设置margin-top作用于父容器<divclassdivclass="box"style="height:100px;back ground:red;">?<divclassdivclass="box2">clear:both;?margin-top:20 px;height:50px;width:500px;?background:#000;</div>?</div>??当给box 2设置margin-top时，在FF下仅作用于父容器。解决办法：1.给父容器box加overflow:hidden;属性2.父容器 box加border除none以外的属性3.用父容器box的padding-top代替margin-top?<404>两个div一 起移动解决1css排版时出现：里面的div设置margin-top值时外面div会向下移动相应距离这是为什么请哪位高手帮帮忙<b ody><divclass="logon"><divclass="log_bk"></div></div></body> body{margin:0auto;padding:0px;background:#0A76B0;}#logon{ba ckground:url(../images/logon-bk.jpg)no-repeatlefttop;height: 865px;width:1251px;}.log_bk{background:url(../images/01.png)no -repeatlefttop;height:380px;height:270px;margin:300px0180 px460px;}因为背景是图案所以要设置高度，我把#logon的背景定位在顶部也不行。?满意回答设置logon的paddin g:1px因为logon和log_bk垂直方向的margin合并了，如果设置了logon的padding为1px就可以避免mar gin合并。追问好了，刚才把padding值加到里面的div了，不过两个div的margin值为什么会合并呢？?<405>两个di v一起移动解决2这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意， 可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常 别扭的规定。问题如下图，两层Div结构，OuterDiv属性为“margin:0auto”，本该紧贴外框顶部的，如果没有In nerDiv，或者没有InnerDiv的“margin-top”属性，一切如预期。但是当InnerDiv设置了“margin -top:10px”之后，它的父元素OuterDiv也被撑出来一个本不该有的“margin-top:10px”效果。Inner Div[margin-top:10px]OuterDiv[margin:0auto]?HTMLDemoArea这 个“问题”……它是CSS2.1的盒模型中规定的内容——http://www.w3.org/TR/CSS21/box.htmlCol lapsingmargins：Inthisspecification,theexpression?collapsing margins?meansthatadjoiningmargins(nonon-emptycontent,paddi ngorborderareasorclearanceseparatethem)oftwoormorebox es(whichmaybenexttooneanotherornested)combinetoforma singlemargin.所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套 的盒元素，并且它们之间没有非空内容、Padding或Border分隔。这就是原因了。“嵌套”的盒元素也算“毗邻”，也会Coll apsingMargins。这个合并Margin其实很常见，就是文章段落元素，并列很多个的时候，每一个都有上下1em的m argin，但相邻的之间只会显示1em的间隔而不是相加的2em。这个很好理解，我就是奇怪为什么W3C要让嵌套的元素也共享M argin，想不出来在什么情况下需要这样的表现。这个问题的避免方法很多，只要破坏它出现的条件就行。给?OuterDiv?加上 padding/border，或者给?OuterDiv/InnerDiv?设置为float/position:absol ute(CSS2.1规定浮动元素和绝对定位元素不参与Margin折叠)。更多信息，关于不同值的margin折叠后表现的计算方法等 等，可自行查阅W3C的CSS2.1规范：http://www.w3.org/TR/CSS21/box.htmlCollapsing margins。<406>成功divtext-align属性有效1<407>成功同层div总结1两个同层div,第一个设置了 float:left属性，第二个div设置width有效。代码为：<divstyle="vertical-align:top; border:1pxsolidred;width:56px;float:left;">标签</div>@标签内容 @<divstyle="float:left;border:1pxsolidred;width:563px;heigh t:122px;"><408>list-style-type属性1定义和用法list-style-type属性设置列表项标记的类 型。默认值：disc继承性：yes版本：CSS1JavaScript语法：object.style.listStyleType= "square"实例设置不同的列表样式：ul.circle{list-style-type:circle;}ul.square {list-style-type:square;}ol.upper-roman{list-style-type:upper-ro man;}ol.lower-alpha{list-style-type:lower-alpha;}http://www.w3sc hool.com.cn/tiy/t.asp?f=csse_list-style-type_testTIY?（在页面底部可以找到更多 实例）浏览器支持所有浏览器都支持list-style-type属性。注释：任何的版本的InternetExplorer（ 包括IE8）都不支持属性值"decimal-leading-zero"、"lower-greek"、"lower-latin" 、"upper-latin"、"armenian"、"georgian"或"inherit"。可能的值CSS2的值：值描述n one无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。deci mal-leading-zero0开头的数字标记。(01,02,03,等。)lower-roman小写罗马数字(i,ii, iii,iv,v,等。)upper-roman大写罗马数字(I,II,III,IV,V,等。)lower-alp ha小写英文字母Themarkerislower-alpha(a,b,c,d,e,等。)upper-alpha大 写英文字母Themarkerisupper-alpha(A,B,C,D,E,等。)lower-greek小写希腊 字母(alpha,beta,gamma,等。)lower-latin小写拉丁字母(a,b,c,d,e,等。)upp er-latin大写拉丁字母(A,B,C,D,E,等。)hebrew传统的希伯来编号方式armenian传统的亚美尼亚编 号方式georgian传统的乔治亚编号方式(an,ban,gan,等。)cjk-ideographic简单的表意数字hira gana标记是：a,i,u,e,o,ka,ki,等。（日文片假名）katakana标记是：A,I,U,E,O ,KA,KI,等。（日文片假名）hiragana-iroha标记是：i,ro,ha,ni,ho,he,to,等 。（日文片假名）katakana-iroha标记是：I,RO,HA,NI,HO,HE,TO,等。（日文片假名）CSS 2.1的值：disc|circle|square|decimal|decimal-leading-zero| lower-roman|upper-roman|lower-greek|lower-latin|upper-lat in|armenian|georgian|none|inherit<409>成功padding-left会使div 变宽1<410>成功div纵向居中对齐方法1Height和line-height设置成一样<411>成功div学习总结1Verti cal-align设置无效<412>成功div学习总结2内层div宽度大于外层div时,内层div会自动换行<413>成功jque ry操作inputradio1<divstyle="width:572px;height:20px;"><divstyle ="height:20px;width:126px;float:left;"><inputtype="radio"class ="discuss"checked="checked"style="float:left;"/><labelstyle= "font-size:15px;font-family:宋体;margin-left:15px;text-align:left;" >允许所有人评论</label></div><divstyle="height:20px;width:126px;float :left;"><inputtype="radio"class="discuss"style="float:left;" /><labelstyle="font-size:15px;font-family:宋体;margin-left:15px;t ext-align:left;">不允许匿名评论</label></div><divstyle="height:20px;w idth:126px;float:left;"><inputtype="radio"class="discuss"styl e="float:left;"/><labelstyle="font-size:15px;font-family:宋体;ma rgin-left:15px;text-align:left;">不允许评论</label></div></div><scri pttype="text/javascript">$(function(){$(".discuss").bind("cl ick",function(){$(".discuss").attr("checked",false);$(this) .attr("checked",true);})})</script><414>inputradio1<inputty pe="radio">如下：.代码如下:<inputtype="radio"name="city"value="BeiJ ing">北京<inputtype="radio"name="city"value="TianJin">天津<input type="radio"name="city"value="NanJing">南京<inputtype="radio" name="city"value="YangZhou">扬州<inputtype="radio"name="city"v alue="SuZhou">苏州1、获取选中的radio的值：.代码如下:$("input[name=''city'']:che cked").val();使用元素选择器，再使用属性过滤器name=''city''，最后使用:checked选取被选中的元素。2 、给指定值的radio设置选中状态：.代码如下:$("input[name=''city''][value=''YangZhou''] ").attr("checked",true);给name="city"而且value="YangZhou"的radio设置选中 状态。3、取消name="city"的radio的选中状态：.代码如下:$(''input[name="city"]:chec ked'').attr("checked",false);4、获取name="city"的radio的个数：.代码如下:$(" input[name=''city'']").length;5、获取name="city"而且索引是偶数的radio:.代码如下 :$("input[name=''city'']:even");索引是从0开始的。6、获取name="city"而且索引是奇数的 radio:.代码如下:$("input[name=''city'']:odd");索引是从0开始的。7、迭代radio: .代码如下:$("input[name=''city'']").each(function(i,obj){//i,迭代的下标，从0 开始//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值//$(this);当 前jQuery对象,可以使用$(this).val()获取属性值});迭代name="city"的radio。8、禁用r adio:.代码如下:$("input[name=''city'']").attr("disabled",true);禁用nam e="city"的radio。9、启用radio:.代码如下:$("input[name=''city'']").attr(" disabled",false);启用name="city"的radio。<415>jqueryeach用法1vararr1 =["one","two","three","four","five"];$.each(arr1,function (){alert(this);});输出：onetwothreefourfivevararr2= [[1,2,3],[4,5,6],[7,8,9]]$.each(arr2,function(i,item){ alert(item[0]);});输出：147varobj={one:1,two:2,three: 3,four:4,five:5};$.each(obj,function(key,val){alert(obj[ke y]);});输出：12345$.each($("input:hidden"),function(){ alert(this.name);});$.each($("input:hidden"),function(){aler t(this.value);});<416>jqueryeach用法2使用说明通过它，你可以遍历对象、数组的属性值并进行处理。 1、遍历对象（有附加参数）$.each(Object,function(p1,p2){this;//这里的t his指向每次遍历中Object的当前属性p1;p2;//访问附加参数},[''参数1'',''参数2''])2、遍历数组( 有附加参数)$.each(Array,function(p1,p2){this;//这里的this指向每次遍 历中Array的当前属性p1;p2;//访问附加参数},[''参数1'',''参数2''])3、遍历对象（没有附加参数）$. each(Object,function(name,value){this;//this指向当前属性的值 name;//表示Object当前属性的名称value;//value表示Object当前属性的值})4、遍历 数组(没有附加参数)$.each(Array,function(name,value){this;//th is指向当前属性的值name;//表示Array当前属性的名称value;//value表示Array当前属 性的值})如几种常见的用法vararr=[''one'',''two'',''three'',''four''];$.each(arr, function(i,item){alert(item[0]);})varobj={one:1,two:2,thre e:3,four:4};$.each(obj,function(key,val){alert(obj[key]);})<4 17>jqueryeach用法3对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给 jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用JQue ry中的each函数在1.3.2的官方文档中的描述如下：each(callback)以每一个匹配的元素作为上下文来执行一个函数 。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次 执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。返回''fals e''将停止循环(就像在普通的循环中使用''break'')。返回''true''跳至下一个循环(就像在普通的循环中使用''cont inue'')。而后面的callback则是回调函数，指示遍历元素的时候应该赋予的操作。先看下面的一个简单的例子：迭代两个图像， 并设置它们的src属性。注意:此处this指代的是DOM对象而非jQuery对象。HTML代码:复制代码代 码如下:<img/><img/>jQuery代码:$("img").each(function(i){this.src= "test"+i+".jpg";});结果:[<imgsrc="test0.jpg"/>,<imgsrc=" test1.jpg"/>]当然，在遍历元素的时候，jquery是允许自定义跳出的，请看示例代码：你可以使用''return'' 来提前跳出each()循环。HTML代码:复制代码代码如下:<button>Changecolors</butto n><div></div><div></div><div></div><div></div> <divid="stop">Stophere</div><div></div><div></div><div></div >jQuery代码:复制代码代码如下:$("button").click(function(){$("div").eac h(function(index,domEle){$(domEle).css("backgroundColor","wheat" );if($(this).is("#stop")){$("span").text("在div块为#"+index+"的地方停止 。");returnfalse;}});或者这么写：复制代码代码如下:$("button").click(funct ion(){$("div").each(function(index){$(this).css("backgroundColo r","wheat");if($(this).is("#stop")){$("span").text("在div块为#"+in dex+"的地方停止。");returnfalse;}});图解:each()方法规定为每个匹配元素规定运行的函数。提 示：返回false可用于及早停止循环。语法$(selector).each(function(index,element) )参数描述function(index,element)必需。为每个匹配元素规定运行的函数。?index-选择器的i ndex位置?element-当前的元素（也可使用"this"选择器实例输出每个li元素的文本：复制代码代 码如下:$("button").click(function(){$("li").each(function(){alert( $(this).text())});});实例obj对象不是数组该方法同1的最大区别是：fn方法会被逐次不考虑返回值的 进行进行。换句话说，obj对象的所有属性都会被fn方法进行调用，即使fn函数返回false。调用传入的参数同1类似。复制代码代 码如下:jQuery.each=function(obj,fn,args){if(args){if(ob j.length==undefined){for(variinobj)fn.apply(obj,args );}else{for(vari=0,ol=obj.length;i<ol;i++){if( fn.apply(obj,args)===false)break;}}}else{if(obj.l ength==undefined){for(variinobj)fn.call(obj,i,obj );}else{for(vari=0,ol=obj.length,val=obj[0];i<ol &&fn.call(val,i,val)!==false;val=obj[++i]){}}}returnob j;}需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)或fn(args),而是采用了fn.c all(val,i,val)或fn.apply(obj.args)的形式，这意味着，在你自己的fn的实现中，可以直接采用this指 针引用数组或是对象的子元素。那怎么跳出each呢jquery再遍历选定的对象时候用each比较方便。有种应用是找到里面符合条件 的对象后，要跳出这个循环。javascript的跳出循环一般用break.同事遇到这个问题，下意识的用了break，想跳出这 个循环。结果报错SyntaxError:unlabeledbreakmustbeinsidelooporswit ch经查，应该用一个在回调函数里returnfalse即可，大多数jq的方法都是如此的复制代码代码如下:返回''fals e''将停止循环(就像在普通的循环中使用''break'')。返回''true''跳至下一个循环(就像在普通的循环中使用''con tinue'')。<418>成功jqueryload方法问题1不能执行被加载页面的js文件。<419>成功在iframe中动态加载 页面1window.open("add_log",''left_content'','''');//testLoad为iframe 的name属性<iframename="left_content"id="left_content"style="width :100%;"><420>成功在iframe中动态加载页面2t"id="left_content"style="width:100%;">document.getEl ementById("left_content").src="add_log";<421>iframe滚动条设置1xmlns="http://www.w3.org/1999/xhtml">ent-Type"content="text/html;charset=gb2312"/>无标题文档</tit le></head><body><iframeid="tvlist"name="tvlist"frameborder="0 "src="http://www.singercn.net/NetTV/List/List_21.html"width="1 68"height="320"scrolling="auto"border="0"></iframe></body></ html><422>成功操作框架内控件1varB=window.frames["left_content"];B.docu ment.getElementById("prompt2").style.display="block";<423>收缩日志方 法1dumptransactionKingsSummerwithno_logbackuplogKingsSummer withNO_LOGdbccShrinkdatabase(KingsSummer)<424>成功删除iframe凹陷效果1fr ameborder=0<iframeid="left_content"scrolling="no"frameborder=" 0"style="border:0pxsolidred;width:658px;"></iframe><425>成功mvc中 引用命名空间1@usingKingsTech.Health.UserInformationService;<426>块级元素和行 内元素区别2一.行内元素和块级元素有哪些？块级元素ElementDescription<address>informationo nauthor<blockquote>longquotation<button>pushbutton<caption>tab lecaption<dd>definitiondescription<del>deletedtext<div>generic language/stylecontainer<dl>definitionlist<dt>definitionterm<f ieldset>formcontrolgroup<form>interactiveform<h1>heading<h2>he ading<h3>heading<h4>heading<h5>heading<h6>heading<hr>horizontalr ule<iframe>inlinesubwindow<ins>insertedtext<legend>fieldsetleg end<li>listitem<map>client-sideimagemap<noframes>alternatecon tentcontainerfornonframe-basedrendering<noscript>alternatec ontentcontainerfornonscript-basedrendering<object>genericem beddedobject<ol>orderedlistparagraph<pre>preformattedtext<t able>table<tbody>tablebody<td>tabledatacell<tfoot>tablefooter <th>tableheadercell<thead>tableheader<tr>tablerow<ul>unordere dlist行内元素ElementDescription<a>anchor<abbr>abbreviatedform<acro nym>acronymboldtextstyle<bdo>I18NBiDiover-ride<big>larget extstyle forcedlinebreak<button>pushbutton<cite>citation<c ode>computercodefragment<del>deletedtext<dfn>instancedefiniti onemphasisitalictextstyle<iframe>inlinesubwindow<img>Em beddedimage<input>formcontrol<ins>insertedtext<kbd>texttobe enteredbytheuser<label>formfieldlabeltext<map>client-sidei magemap<object>genericembeddedobject<q>shortinlinequotation< samp>sampleprogramoutput,scripts,etc.<select>optionselector< small>smalltextstylegenericlanguage/stylecontainer<stro ng>strongemphasissubscriptsuperscript<textarea>multi-l inetextfield<tt>teletypeormonospacedtextstyle<var>instance ofavariableorprogramargument二.行内元素与块级元素有什么不同？1.尺寸-块级元素和行内元素 之间的一个重要的不同点行内元素和widthW3CCSS2标准规定行内元素、非置换元素不会应用width属性。以下例子中，对行 内元素<a>应用了width:200px,你可以看到，根本就没有什么效果。行内元素和heightW3CCSS2标准规定行内元素 、非置换元素不会应用height属性，但是盒子高度可以通过line-height来指定。以下例子，对行内元素<a>应用了heigh t:50px,你可以看到什么效果都没。行内元素和padding你可以给行内元素设置padding，但只有padding-left和 padding-right生效。以下例子，行内元素<a>应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没 影响。行内元素和margingmargin属性也是和padding属性一样，对行内元素左右有效，上下无效。下面的例子,对<a>应用 了margin:50px，你可以看到左右边缘是生效了但是内容上下却没有。记住对行内元素设置宽度width无效。设置高度heigh t无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左 右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，看图上效果就知道了上文部分翻译自：http ://www.maxdesign.com.au/presentation/inline/2.text-align属性是两者表现的 又以不同之处在W3CCSS2.1规范第16.2节对text-align有详细地描述：------------------- -----------------------值：left|right|center|justify|inher it初始值：匿名值，由''direction''的值而定，如果''direction''为''ltr''则为''left''，如果''directi on''为''rtl''则为''right''。应用于:块级元素，表格单元格，行内块元素继承性:是计算后的值：初始值或指定值------ ------------------------------------这个特性描述了如何使一个块元素的行内内容对齐。注意一点 ，标准里说这个属性是用来对齐行内内容的，所以，不应该对块级内容起作用。解释一下，行内内容是说由行内元素组成的内容，行内元素大家都 知道吧，比如SPAN元素，IFRAME元素和元素样式的‘display:inline’的都是行内元素；块级内容跟则是由 块级元素构成，DIV是最常用的块级元素。块级元素和行内元素的区别是，块级元素会占一行显示，而行内元素可以在一行并排显示。这样， 我们对这个特性的认识应该就清楚了。但是，问题来了，虽然标准里这么规定，那么是不是所有浏览器都遵守呢？答案是否定的。猜猜是哪个浏览器 这么特立独行啊？IE！！IE6/7及IE8混杂模式中，text-align:center可以使块级元素也居中对齐。其他浏览器 中，text-align:center仅作用于行内内容上。解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设 置“margin-left:auto;margin-right:auto”。但这个方式IE6/IE7/IE8的混杂模式中不支持 ，所以还要设置父容器的"text-align:center;"。若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置 “text-align:left”：<427>成功jquery使用css1$(function(){$("#footer1"). css({"top":"900px"});})<428>成功jquery使用css2$(function(){// $("#footer1").css({"top":"900px"});$("#footer1").css("top","100 0px");})<429>成功jquery使用css3$(function(){$("#footer1").css({"top ":"900px","left":"77px","width":"962px"});})<430>成功文本框设置默认值1<inp uttype="text"id="show"value="请选择您问题的分类"onFocus="this.value='''' "onBlur="if(!value){value=defaultValue;}"/><431>泛型用法1publicabs tractYOutput<X,Y>(Xx,Yy)whereX:Y;X:Y意思1：T:U为?T?提供的类型参数必 须是为?U?提供的参数或派生自为?U?提供的参数。这称为裸类型约束.<432>成功js字符串转换成变量1eval(变量名);<4 33>js类型转换1js强制类型转换2009-12-1010:29转换函数、强制类型转换、利用js变量弱类型转换。1.转换函数 ：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对Strin g类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(NotaNumber)。一些示例如下：parseInt ("1234blue");//returns1234parseInt("0xA");//returns10parseInt ("22.5");//returns22parseInt("blue");//returnsNaNparseInt()方法 还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例 如下：parseInt("AF",16);//returns175parseInt("10",2);//returns 2parseInt("10",8);//returns8parseInt("10",10);//returns10如果 十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。例如：parseInt("010");//return s8parseInt("010",8);//returns8parseInt("010",10);//returns 10parseFloat()方法与parseInt()方法的处理方式相似。使用parseFloat()方法的另一不同之处在于，字符 串必须以十进制形式表示浮点数，parseFloat()没有基模式。下面是使用parseFloat()方法的示例：parseFloa t("1234blue");//returns1234.0parseFloat("0xA");//returnsNaNpa rseFloat("22.5");//returns22.5parseFloat("22.34.5");//returns 22.34parseFloat("0908");//returns908parseFloat("blue");//retur nsNaN2.强制类型转换还可使用强制类型转换（typecasting）处理转换值的类型。使用强制类型转换可以访问特定的值， 即使它是另一种类型的。ECMAScript中可用的3种强制类型转换如下：Boolean(value)——把给定的值转换成Boole an型；Number(value)——把给定的值转换成数字（可以是整数或浮点数）；String(value)——把给定的值转换成字 符串。用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。当要转换的值是至少有一个字符的字 符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined 或null，它将返回false。可以用下面的代码段测试Boolean型的强制类型转换。Boolean("");//false– emptystringBoolean("hi");//true–non-emptystringBoolean(100) ;//true–non-zeronumberBoolean(null);//false-nullBoolean(0) ;//false-zeroBoolean(newObject());//true–objectNumber()的强制 类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。示例如下：用法 结果Number(false)0Number(true)1Number(undefined)NaNNumber(nul l)0Number("5.5")5.5Number("56")56Number("5.6.7")NaNNumb er(newObject())NaNNumber(100)100最后一种强制类型转换方法String()是最简单的，示例如下 ：vars1=String(null);//"null"varoNull=null;vars2=oNull.t oString();//won’twork,causesanerror3.利用js变量弱类型转换举个小例子，一看，就会 明白了。<script>varstr=''012.345'';varx=str-0;x=x1;</script><4 34>成功hibernatein用法1///<summary>///获取id列表对应数据///</summary> ///<returns></returns>publicIQueryable<AddreBook>GetAddreBook (stringid_list){string[]id_list_array=id_list.Split('','');I Queryable<AddreBook>AddreBook_fun=addreBookRepository.Query(). Where(p=>id_list_array.Contains(p.AId.ToString()));returnAddr eBook_fun;}<435>asp.net中使用渐变1-webkit-gradient(2012-08-1016:5 9:20)转载▼标签：html5css3web前端-webkit-gradientit分类：html5一、关于渐变渐 变是一种应用于平面的视觉效果，可以从一种颜色逐渐地转变成另外一种颜色，故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地 方。例如，您可以指定一个这么一个渐变：顶部的颜色是红色，中间的是蓝色，底部为黄色来作为div的背景色。渐变通过-webkit-gr adient方法实现，可以用来代替图片URL。在webkit核心浏览器下(Safari4+,Chrome)，有两种类型的渐变，线 性的和径向的。您还可以指定多个中间过渡色，此称之为colorstops.二、基本语法webkit核心浏览器下的的基本语法如下：- webkit-gradient(type,start_point,end_point,/stop...)-webkit- gradient(type,inner_center,inner_radius,outer_center,outer_ra dius,/stop...)参数参数类型简要说明type渐变的类型，可以是线性渐变(linear)或是径向渐变(radial) start_point渐变图像中渐变的起始点end_point渐变图像中渐变的结束点stopcolor-stop()方法，指定渐变 进程中特定的颜色inner_center内部中心点，径向渐变起始圆环inner_radius内部半径，径向渐变起始圆outer_c enter外部渐变结束圆的中心点outer_radius外部渐变结束圆的半径关于参数的具体说明1.start_point和end _point如果您对photoshop或是flash之类的设计软件的渐变功能熟悉，那么理解渐变的一些概念或是参数相对就容易些。例如 ，我们再photoshop中划一条渐变线，会有起始点和结束点，这个起始点和结束点就对应这里的start_point和end_poi nt参数，如下图：start_point(x1,x2)，end_point(x2,y2)，这里的x,y对应左上角为起点的坐标，此处 的x,y参数表示与CSS中的background-position是一致的，可以使像素值，或是百分比值或是left,top,rig ht,bottom。当x1等于x2，y1不等于y2，实现垂直渐变，调整y1，y2的值可以调整渐变半径大小；当y1等于y2，x1不等 于x2，实现水平渐变，调整x1，x2的值可以调整渐变半径大小；当y1不等于y2，x1不等于x2，实现角度渐变，当x1,x2,y1, y2取值为极值的时候接近垂直渐变或水平渐变；当x1等于x2，y1等于y2，实现没有渐变，取from色，即“from(颜色值)” ；2.stopcolor-stop()我的理解就是过渡点，这些过渡点有两个参数，一个是点的位置，另外一个是过渡点的颜色。这些参数 的示意也可以在photoshop之类的软件渐变编辑器中找到对应的位置。我们会见到类似下面的代码片段，color-stop(0.5, #ff0000)所表示的意思是在渐变过渡进程的中心位置(50%的位置)有个颜色为#ff0000（红色）的过渡色。三、创建线性渐变 这里展示的是最简单的线性渐变，由蓝色至白色的渐变。代码如下：.linear{width:130px;height:130px; border:1pxsolidgreen;padding:10px;background:-webkit-gradient (linear,lefttop,leftbottom,from(#00abeb),to(#fff));-webkit -background-origin:padding;-webkit-background-clip:content;}<di vclass="linear"></div>参见上面的background属性值，可以得到webkit核心浏览器下线性渐变的基本 语法，如下：-webkit-gradient(type,x1y1,x2y2,from(开始颜色值),[color-sto p(位置偏移-小数,停靠颜色值),...],to(结束颜色值));上面示例代码实现的效果如下截图：四、创建径向渐变径向渐变也可以称 为放射状渐变，常用来形成环状效果，晕状效果等。如下示例代码：.radial{display:block;width:150px ;height:150px;border:1pxsolidblue;background-image:-webkit-g radient(radial,4545,10,5250,30,from(#A7D30C),to(rgba(1,15 9,98,0)),color-stop(90%,#019F62)),-webkit-gradient(radial,105 105,20,112120,50,from(#ff5f98),to(rgba(255,1,136,0)),colo r-stop(75%,#ff0188)),-webkit-gradient(radial,9515,15,10220 ,40,from(#00c9ff),to(rgba(0,201,255,0)),color-stop(80%,#00b5 e2)),-webkit-gradient(radial,0150,50,0140,90,from(#f4f201 ),to(rgba(228,199,0,0)),color-stop(80%,#e4c700));}<divclas s="radial"></div>结果如下图，截自Safari浏览器：五、指定过渡颜色点即使用color-stop方法创建色标点。 含有两个参数，第一个参数表示渐变点的在整个渐变范围内的位置，以小数表示；第二个参数为颜色，可以使用RGBA的形式表示，这样可以指定 颜色的透明度。使用color-stop指定过渡点或称为色标点时，渐变的开始(from())以及结束(to())颜色都是可以省略的。 您可以参见下面的实例，第一个有from()以及end()的渐变，第二个没有from()以及stop()。1.使用from()以及 to()方法body{background:-webkit-gradient(linear,lefttop,left bottom,from(#ff0),color-stop(0.5,orange),to(rgb(255,0,0))); }上面代码结果如下：2.不指定起始颜色与结束颜色background-image:-webkit-gradient(linea r,lefttop,leftbottom,color-stop(0.40,#ff0),color-stop(0.5, orange),color-stop(0.60,rgb(255,0,0)));结果如下，截自Safari4浏览器：3. 多个过渡点在同一位置width:200px;height:120px;background:-webkit-gradient (linear,lefttop,leftbottom,from(#00abeb),to(#fff),color-st op(0.5,#fff),color-stop(0.5,#66cc00));结果类似下面截图：六、创建背景重复渐变CSS3中 有个background-size属性，可以改变背景图片的大小，配合背景渐变属性可以实现重复的背景渐变，如下代码：width:40 0px;height:150px;background:-webkit-gradient(linear,lefttop, leftbottom,from(#ff0000),to(#ffff00));-webkit-background-size :020px;结果如下图：<436>-webkit-gradient用法1-webkit-gradient(2012-08 -1016:59:20)转载▼标签：html5css3web前端-webkit-gradientit分类：html 5一、关于渐变渐变是一种应用于平面的视觉效果，可以从一种颜色逐渐地转变成另外一种颜色，故可以创建类似于彩虹的效果渐变可以应用在任何 可以使用图片的地方。例如，您可以指定一个这么一个渐变：顶部的颜色是红色，中间的是蓝色，底部为黄色来作为div的背景色。渐变通过-w ebkit-gradient方法实现，可以用来代替图片URL。在webkit核心浏览器下(Safari4+,Chrome)，有两 种类型的渐变，线性的和径向的。您还可以指定多个中间过渡色，此称之为colorstops.二、基本语法webkit核心浏览器下的的 基本语法如下：-webkit-gradient(type,start_point,end_point,/stop...) -webkit-gradient(type,inner_center,inner_radius,outer_center, outer_radius,/stop...)参数参数类型简要说明type渐变的类型，可以是线性渐变(linear)或是径向渐变 (radial)start_point渐变图像中渐变的起始点end_point渐变图像中渐变的结束点stopcolor-stop( )方法，指定渐变进程中特定的颜色inner_center内部中心点，径向渐变起始圆环inner_radius内部半径，径向渐变起始 圆outer_center外部渐变结束圆的中心点outer_radius外部渐变结束圆的半径关于参数的具体说明1.start_p oint和end_point如果您对photoshop或是flash之类的设计软件的渐变功能熟悉，那么理解渐变的一些概念或是参数相 对就容易些。例如，我们再photoshop中划一条渐变线，会有起始点和结束点，这个起始点和结束点就对应这里的start_point 和end_point参数，如下图：start_point(x1,x2)，end_point(x2,y2)，这里的x,y对应左上角为 起点的坐标，此处的x,y参数表示与CSS中的background-position是一致的，可以使像素值，或是百分比值或是left ,top,right,bottom。当x1等于x2，y1不等于y2，实现垂直渐变，调整y1，y2的值可以调整渐变半径大小；当y1等 于y2，x1不等于x2，实现水平渐变，调整x1，x2的值可以调整渐变半径大小；当y1不等于y2，x1不等于x2，实现角度渐变，当x 1,x2,y1,y2取值为极值的时候接近垂直渐变或水平渐变；当x1等于x2，y1等于y2，实现没有渐变，取from色，即“fro m(颜色值)”；2.stopcolor-stop()我的理解就是过渡点，这些过渡点有两个参数，一个是点的位置，另外一个是过渡点 的颜色。这些参数的示意也可以在photoshop之类的软件渐变编辑器中找到对应的位置。我们会见到类似下面的代码片段，color-s top(0.5,#ff0000)所表示的意思是在渐变过渡进程的中心位置(50%的位置)有个颜色为#ff0000（红色）的过渡色。 三、创建线性渐变这里展示的是最简单的线性渐变，由蓝色至白色的渐变。代码如下：.linear{width:130px;height :130px;border:1pxsolidgreen;padding:10px;background:-webkit- gradient(linear,lefttop,leftbottom,from(#00abeb),to(#fff)); -webkit-background-origin:padding;-webkit-background-clip:conte nt;}<divclass="linear"></div>参见上面的background属性值，可以得到webkit核心浏览器 下线性渐变的基本语法，如下：-webkit-gradient(type,x1y1,x2y2,from(开始颜色值),[c olor-stop(位置偏移-小数,停靠颜色值),...],to(结束颜色值));上面示例代码实现的效果如下截图：四、创建径向渐变 径向渐变也可以称为放射状渐变，常用来形成环状效果，晕状效果等。如下示例代码：.radial{display:block;wid th:150px;height:150px;border:1pxsolidblue;background-image:- webkit-gradient(radial,4545,10,5250,30,from(#A7D30C),to(r gba(1,159,98,0)),color-stop(90%,#019F62)),-webkit-gradient(rad ial,105105,20,112120,50,from(#ff5f98),to(rgba(255,1,136,0 )),color-stop(75%,#ff0188)),-webkit-gradient(radial,9515,15 ,10220,40,from(#00c9ff),to(rgba(0,201,255,0)),color-stop(80 %,#00b5e2)),-webkit-gradient(radial,0150,50,0140,90,from (#f4f201),to(rgba(228,199,0,0)),color-stop(80%,#e4c700));}< divclass="radial"></div>结果如下图，截自Safari浏览器：五、指定过渡颜色点即使用color-stop 方法创建色标点。含有两个参数，第一个参数表示渐变点的在整个渐变范围内的位置，以小数表示；第二个参数为颜色，可以使用RGBA的形式表 示，这样可以指定颜色的透明度。使用color-stop指定过渡点或称为色标点时，渐变的开始(from())以及结束(to())颜色 都是可以省略的。您可以参见下面的实例，第一个有from()以及end()的渐变，第二个没有from()以及stop()。1.使用 from()以及to()方法body{background:-webkit-gradient(linear,leftto p,leftbottom,from(#ff0),color-stop(0.5,orange),to(rgb(255, 0,0)));}上面代码结果如下：2.不指定起始颜色与结束颜色background-image:-webkit-gradie nt(linear,lefttop,leftbottom,color-stop(0.40,#ff0),color-s top(0.5,orange),color-stop(0.60,rgb(255,0,0)));结果如下，截自Safari 4浏览器：3.多个过渡点在同一位置width:200px;height:120px;background:-webkit- gradient(linear,lefttop,leftbottom,from(#00abeb),to(#fff), color-stop(0.5,#fff),color-stop(0.5,#66cc00));结果类似下面截图：六、创建背景重 复渐变CSS3中有个background-size属性，可以改变背景图片的大小，配合背景渐变属性可以实现重复的背景渐变，如下代码： width:400px;height:150px;background:-webkit-gradient(linear,le fttop,leftbottom,from(#ff0000),to(#ffff00));-webkit-backgro und-size:020px;结果如下图：<437>成功使href失效1$(".si-tabullia").bind("c lick",function(){returnfalse;})<438>成功div实际高度1浏览器查看div包括边框, 实际div高度等于设置高度+边框高度<439>成功表格实际高度1表格单元格的实际高度比设置的多4(如果设置了单元格边框）,如果没有 设置单元格边框多2)，宽度如果设置单元格边框了多2，没有设置一样。<440>成功asp.net表格横向滚动条1Width:217% ;height:446px;overflow:auto;<441>成功动态设置元素高度1functionpsize(){d ocument.getElementById("content-area").style.height="1668px";} <442>成功单元格线粗原因1border-collapse:separate,改为border-collapse:collap se即为细线。<443>成功使用渐变1<divstyle="width:200px;height:100px;border:1p xsolidred;background:-webkit-linear-gradient(top,#FEFEFE,#ECF 1F8)"></div><444>成功div靠下对齐1<%@PageLanguage="C#"AutoEventWireu p="true"CodeFile="div_bottom1.aspx.cs"Inherits="css_div_bottom1 "%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><titl e>yle="position:relative;height:240px;font-family:''宋体'';margin-bott om:0px;border:1pxsolidred;">ttom:0px;">aaaaaa

_name_tb_interface"runat="server">

信?息?é认¨?
证?è

推a?荐?企¨?业°|ì

推a?荐?企¨?业°|ì

友??情¨|链￠??接¨?

CSS是
o?什o2么??

HTML是o?什o2么??

XML是o?什o2么??

list

heading

heading

heading

heading

hea
ding

_name_tb_interface"runat="server">

信?息?é认¨?证?è

推a?荐?企¨?业°|ì

推a?荐?企¨?业°|ì

友??情¨|链￠??接¨?

CSS是o?什o2么??

HTML是o?什o2么??

XML是o?什o2么??

list

heading

heading

heading

heading

heading

信?息?é认¨?
证?è

CSS是
o?什o2么??

hea
ding