今天整理了几个HTML的小技巧,这些技术主要源于http://www.cn76.com/js/。在此对该网站提供的学习资料表示感谢。
HTML的小技巧,写在这里,以后方便自己翻阅。对于网页的初学者也可以学习下,老鸟可以指正下或者给点好的意见。
下面是源码加注释:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>页面</title>
<!-- 你浏览过的页面一般都会加入缓存,即使断线后也能浏览,但是加入下面的一段代码后就不会了 -->
<meta http-equiv="nocache" content="no-cache" />
<!-- 10秒后页面跳转到temp.htm -->
<meta http-equiv="refresh" content="10;url=http://huowujiyx.cnblogs.com">
<!--页面自动刷新:<meta http-equiv="refresh" content="10">,其中10指每隔10秒刷新一次页面 -->
<!-- 加快图片显示 -->
<!--<script language="javascript" type="text/javascript">
image1 = new image(168,168);
image1.src = "image1.gif";
image2 = new image(168,168);
image2.src = "image2.gif";
</script>
-->
<!-- 出于安全考虑,清除文本框里输入的HTML语句 -->
<script language="javascript" type="text/javascript">
<!--
function ReplaceHtml(strText)
{
var i = strText.indexOf("<");
while(i != -1)
{
len = strText.length;
n = strText.substring(0,a);
j = strText.indexOf(">");
if(j == -1)
{
j = i;
}
m = strText.indexOf((j + 1), len);
strText = n + m;
i = strText.indexOf("<");
}
return strText;
}
function CheckText( cText )
{
temp = document.testForm.text.value;
document.testForm.text.value = ReplaceHtml(temp);
}
//-->
</script>
</head>
<body>
<!-- 防止别人frame你的网站 -->
<script language="javascript">
<!--
if(top.location != self.location)
{
top.location = self.location;
}
//-->
</script>
<form id="testForm" action="http://huowujiyx.cnblogs.com" method="post" onsubmit="return Check();">
<!-- 可以选文本的选项框 -->
<label for="cboxOne">选项一</label>
<input type="checkbox" id="cboxOne" value="theOne" />
<label for="cboxTwo">选项二</label>
<input type="checkbox" id="cboxTwo" value="theTwo" />
<!-- 输入框无法输入 -->
<input type="text" id="intext" onfocus="this.blur();" value="本输入框无法输入" />
<br />
<textarea cols="100" rows="5" id="text" name="text"></textarea>
<br />
<input type="submit" value="提交" />
</form>
</body>
</html>
这里还想提到的一点是,在javascript 的 substring 方法跟 C#的 Substring 方法是不同的。
javascript里 strVariable.substring(start, end)
方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。
substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。从start开始,不包括end字符。
C#里 string.Substring() 包括两个重载。
String.Substring (Int32) 从此实例检索子字符串。子字符串从指定的字符位置开始。
String.Substring (Int32, Int32) 从此实例检索子字符串。子字符串从指定的字符位置开始且具有指定的长度。
时候不早了,今天就写到这里吧。以后要坚持写,记录自己的进步,慢慢积累技术和经验。希望跟我一样的初学者共勉,高手老鸟们多给写鼓励和帮助。