ant
No war in the world!

今天整理了几个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) 从此实例检索子字符串。子字符串从指定的字符位置开始且具有指定的长度。

时候不早了,今天就写到这里吧。以后要坚持写,记录自己的进步,慢慢积累技术和经验。希望跟我一样的初学者共勉,高手老鸟们多给写鼓励和帮助。

 

posted on 2008-04-20 23:51  别惹蚂蚁  阅读(386)  评论(2编辑  收藏  举报