盒子标签和属性对照
CSS语法 (不区分大小写)
JavaScript语法 (区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border-left-color
borderLeftColor
border-left-style
borderLeftStyle
border-left-width
borderLeftWidth
border-right
borderRight
border-right-color
borderRightColor
border-right-style
borderRightStyle
border-right-width
borderRightWidth
border-style
borderStyle
border-top
borderTop
border-top-color
borderTopColor
border-top-style
borderTopStyle
border-top-width
borderTopWidth
border-width
borderWidth
clear
clear
float
floatStyle
margin
margin
margin-bottom
marginBottom
margin-left
marginLeft
margin-right
marginRight
margin-top
marginTop
padding
padding
padding-bottom
paddingBottom
padding-left
paddingLeft
padding-right
paddingRight
padding-top
paddingTo ......
<script language="javascript"><!--
function colorpicker()
{
var sColor=dlgHelper.ChooseColorDlg();
ColorVal=sColor.toString(16);
colorvalue.value=(ColorVal.length==6)?"#"+ColorVal.toUpperCase():"#"+(new Array(6-ColorVal.length+1).join("0"))+ColorVal.toUpperCase();clipboardData.setData('text',colorvalue.value);
colorvalue.focus();
colorvalue.select();
}
// --></script>
<body>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" WIDTH="0px" HEIGHT="0px"></OBJECT>
<input type="button" value="Color Picker" onclick="colorpicker()">
<input type="text" name=colorvalue>
</body>
......
最佳实践是人们做事时应该遵循的、被公认为和经过验证的的模式。虽然不唯一,甚至不是最佳的方式,但是是人们认同的做事的模式。
1.1 不唐突和渐进增强
有关不唐突的两个术语——“渐进增强(progressive enhancement)”和“平稳退化(graceful degradation)”.通过一些技术的实现,比如运用javascipt,如果浏览器支持,则可以得到某些增强的效果(渐进增强),如果浏览器不支持,文档被退化(平稳退化)。通过这种技术,支持不同功能的浏览器会获得同一文档的相同的信息量却不同的视图。
通过使用javasript不应该妨碍“内容的有效性和可访问性”。因此有必要提供一个较少依赖于javascript的平稳的退化方案。
1.2 让javascript运行起来
不成功的网站存在的缺陷:
&n ......
<script language="JavaScript">
/*
* 演示arguments的用法,如何获取实参数和形数数
*/
function argTest(a,b,c,d){
var numargs = arguments.length; // 获取被传递参数的数值。
var expargs = argTest.length; // 获取期望参数的数值。
alert("实参数目为:"+numargs)
alert("形数数目为:"+expargs)
alert(arguments[0])
alert(argTest[0]) //undefined 没有这种用法
}
// argTest(1,2)
// argTest(1,2,3,4,5)
/*
* arguments不是数组(Array类)
*/
Array.prototype.selfvalue = 1;
function testAguments(){
alert("arguments.selfvalue="+arguments.selfvalue);
}
// alert("Array.sefvalue="+new Array().selfvalue);
// testAguments();
/*
* 演示函数的caller属性.
* 说明 ......
最近碰到一问题,需要在ASP.Net和JavaScript中传递数据。具体的需求是这样的,页面postback后将会load JS,但是需要记住之前某个状态,这个状态是指JS的状态,也就是说load JS后,还要记住之前的状态,而不是回到默认的状态。
一开始想了很多办法,但都不成功,后来问了问同事,发现可以通过隐藏的表单元素来传递数据,所以特此记录下来。
前台代码:
<input type="hidden" id="currentTabIndex" name="currentTabIndex" runat="server" />
<script type="text/javascript" language="javascript">
document.getElementById("<%=currentTabIndex.ClientID %>").value = idArray[idArray.length-1].replace(/[^0-9]/gi,'');
</script>
后台代码:
Page.ClientScript.RegisterStartupScript(this.GetType(), "InitAndShowTab", "<script>initTabs('" + TabDivID + "',Array(" + TabLabels + "),document.getElementById(\"" + currentTabIndex.ClientID + "\").value," + Width + "," + ......
最近碰到一问题,需要在ASP.Net和JavaScript中传递数据。具体的需求是这样的,页面postback后将会load JS,但是需要记住之前某个状态,这个状态是指JS的状态,也就是说load JS后,还要记住之前的状态,而不是回到默认的状态。
一开始想了很多办法,但都不成功,后来问了问同事,发现可以通过隐藏的表单元素来传递数据,所以特此记录下来。
前台代码:
<input type="hidden" id="currentTabIndex" name="currentTabIndex" runat="server" />
<script type="text/javascript" language="javascript">
document.getElementById("<%=currentTabIndex.ClientID %>").value = idArray[idArray.length-1].replace(/[^0-9]/gi,'');
</script>
后台代码:
Page.ClientScript.RegisterStartupScript(this.GetType(), "InitAndShowTab", "<script>initTabs('" + TabDivID + "',Array(" + TabLabels + "),document.getElementById(\"" + currentTabIndex.ClientID + "\").value," + Width + "," + ......
下面要解决的问题如下:
1.如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问JavaScript函数?
问题1答案如下:
javaScript函数中执行C#代码中的函数:
方法一:
1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数,内容为document.getElementById("btn1").click();
3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;
方法二:
1、函数声明为public
后台代码(把public改成protected也可以)
public string ss()
{
return("a");
}
2、在 html 里用可以调用前台脚本
<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>
方法三:
  ......
下面要解决的问题如下:
1.如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问JavaScript函数?
问题1答案如下:
javaScript函数中执行C#代码中的函数:
方法一:
1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数,内容为document.getElementById("btn1").click();
3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;
方法二:
1、函数声明为public
后台代码(把public改成protected也可以)
public string ss()
{
return("a");
}
2、在 html 里用可以调用前台脚本
<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>
方法三:
  ......
下面要解决的问题如下:
1.如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问JavaScript函数?
问题1答案如下:
javaScript函数中执行C#代码中的函数:
方法一:
1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
2、在前台写一个js函数,内容为document.getElementById("btn1").click();
3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;
方法二:
1、函数声明为public
后台代码(把public改成protected也可以)
public string ss()
{
return("a");
}
2、在 html 里用可以调用前台脚本
<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>
方法三:
  ......