HTML页面 小技巧
2008-04-20 23:51
239 查看
今天整理了几个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里
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) 从此实例检索子字符串。子字符串从指定的字符位置开始且具有指定的长度。
时候不早了，今天就写到这里吧。以后要坚持写，记录自己的进步，慢慢积累技术和经验。希望跟我一样的初学者共勉，高手老鸟们多给写鼓励和帮助。
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) 从此实例检索子字符串。子字符串从指定的字符位置开始且具有指定的长度。
时候不早了，今天就写到这里吧。以后要坚持写，记录自己的进步，慢慢积累技术和经验。希望跟我一样的初学者共勉，高手老鸟们多给写鼓励和帮助。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Html 使用技巧 -- 设置display属性可以使div隐藏后释放占用的页面空间
- HTML页面技巧大全
- 编程技巧 用Asp.net动态生成html页面
- 用CSS/JS技巧优化HTML页面加载速度
- 【前端技巧】html右键禁用和web页面中添加加入qq群的方式
- Html的页面功能开发技巧集合(二)(搜集中)
- 【轉載】html页面技巧的使用
- 用CSS/JS技巧优化HTML页面加载速度
- html页面制作特殊技巧
- 可以加速HTML页面的10个处理技巧
- 静态页面html中跳转传值的JS处理技巧
- Web前端学习第十三天·fighting_HTML页面设计技巧总结（二）
- 常用HTML页面技巧大全
- Web前端学习第十二天·fighting_HTML页面设计技巧总结（一）
- 静态页面html中跳转传值的JS处理技巧
- psd页面切割成html技巧总结
- 静态页面html中跳转传值的JS处理技巧
- HTML页面技巧大全
- html超链接href设置技巧和动态创建页面元素技巧
- psd页面切割成html技巧总结