BlogJava-呓语的博客-随笔分类-ASP相关http://www.blogjava.net/xieyunlong/category/6059.html不管前面的路有多艰辛多长，只要怀着一颗执着的心。成功就离你不远了!zh-cnWed, 28 Feb 2007 07:49:00 GMTWed, 28 Feb 2007 07:49:00 GMT60Meta标签详解http://www.blogjava.net/xieyunlong/archive/2006/01/03/26417.html呓语的博客呓语的博客Tue, 03 Jan 2006 02:08:00 GMThttp://www.blogjava.net/xieyunlong/archive/2006/01/03/26417.htmlhttp://www.blogjava.net/xieyunlong/comments/26417.htmlhttp://www.blogjava.net/xieyunlong/archive/2006/01/03/26417.html#Feedback0http://www.blogjava.net/xieyunlong/comments/commentRss/26417.htmlhttp://www.blogjava.net/xieyunlong/services/trackbacks/26417.html
　　详细介绍  

　　下面介绍一些有关  标记的例子及解释。  

　　META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。  

　　★HTTP-EQUIV  

　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：  

　　1、Content-Type和Content-Language  (显示字符集的设定)  

　　说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。  

　　用法：<Meta  http-equiv="Content-Type"  Content="text/html;  Charset=gb2312">
　　　　　　<Meta  http-equiv="Content-Language"  Content="zh-CN">  

　　注意：　该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp  ”，韩文的是“ks_c_5601”。
　　　　　　
　　Content-Type的Content还可以是：text/xml等文档类型；
　　Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii,  x-mac-roman,  iso-8859-2,  x-mac-ce,  iso-2022-jp,  x-sjis,  x-euc-jp,euc-kr,  iso-2022-kr,  gb2312,  gb_2312-80,  x-euc-tw,  x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。  

　　2、Refresh  (刷新)  

　　　说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
　　　用法：<Meta  http-equiv="Refresh"  Content="30">
　　　　　　<Meta  http-equiv="Refresh"  Content="5;  Url=http://www.xia8.net">
　　　注意：其中的5是指停留5秒钟后自动刷新到URL网址。  

　　3、Expires  (期限)  

　　　说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
　　　用法：<Meta  http-equiv="Expires"  Content="0">
　　　　　　<Meta  http-equiv="Expires"  Content="Wed,  26  Feb  1997  08:21:57  GMT">
　　　注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。  

　　4、Pragma  (cach模式)  

　　　说明：禁止浏览器从本地机的缓存中调阅页面内容。
　　　用法：<Meta  http-equiv="Pragma"  Content="No-cach">
　　　注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。  

　　5、Set-Cookie  (cookie设定)  

　　说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。
　　　用法：<Meta  http-equiv="Set-Cookie"  Content="cookievalue=xxx;  expires=Wednesday,
　　　　　　  21-Oct-98  16:14:21  GMT;  path=/">
　　　注意：必须使用GMT的时间格式。  

　　6、Window-target  (显示窗口的设定)  

　　　说明：强制页面在当前窗口以独立页面显示。
　　　用法：<Meta  http-equiv="Widow-target"  Content="_top">
　　　注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。  

　　7、Pics-label  (网页RSAC等级评定)
　　　说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级
　　　　　　别就是通过该参数来设置的。
　　　用法：<META  http-equiv="Pics-label"  Contect=
　　　　　　　　　　　　　　　"(PICS－1.1'http://www.rsac.org/ratingsv01.html'
　　　　　　  I  gen  comment  'RSACi  North  America  Sever'  by  'inet@microsoft.com'  
　　　　　　　for  'http://www.microsoft.com'  on  '1997.06.30T14:21－0500'  r(n0  s0  v0  l0))">  

　　　注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft  Internet  Explorer（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n  0  s  0  v  0  l  0）表示该站点不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需要评价自己的网站，可以访问RSAC的站点：http://www.rsac.org/。  

　　8、Page-Enter、Page-Exit  (进入与退出)  

　　　说明：这个是页面被载入和调出时的一些特效。
　　　用法：<Meta  http-equiv="Page-Enter"  Content="blendTrans(Duration=0.5)">
　　　　　　<Meta  http-equiv="Page-Exit"  Content="blendTrans(Duration=0.5)">
　　　注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:  

　　　　　　<Meta  http-equiv="Page-Enter"  Content="revealTrans(duration=x,  transition=y)">
　　　　　　<Meta  http-equiv="Page-Exit"  Content="revealTrans(duration=x,  transition=y)">  

　　　　　　　Duration　　表示滤镜特效的持续时间(单位：秒)
　　　　　　　Transition　滤镜类型。表示使用哪种特效，取值为0-23。  

　　　　　　　0  矩形缩小
　　　　　　　1  矩形扩大
　　　　　　　2  圆形缩小
　　　　　　　3  圆形扩大
　　　　　　　4  下到上刷新
　　　　　　　5  上到下刷新
　　　　　　　6  左到右刷新
　　　　　　　7  右到左刷新
　　　　　　　8  竖百叶窗
　　　　　　　9  横百叶窗
　　　　　　  10  错位横百叶窗
　　　　　　  11  错位竖百叶窗
　　　　　　  12  点扩散
　　　　　　  13  左右到中间刷新
　　　　　　  14  中间到左右刷新
　　　　　　  15  中间到上下
　　　　　　  16  上下到中间
　　　　　　  17  右下到左上
　　　　　　  18  右上到左下
　　　　　　  19  左上到右下
　　　　　　  20  左下到右上
　　　　　　  21  横条
　　　　　　  22  竖条
　　　　　　  23  以上22种随机选择一种  

　　9、MSThemeCompatible  (XP主题)
　　　说明：是否在IE中关闭  xp  的主题
　　　用法：<Meta  http-equiv="MSThemeCompatible"  Content="Yes">
　　　注意：关闭  xp  的蓝色立体按钮系统显示样式，从而和win2k  很象。  

　　10、IE6  (页面生成器)
　　　说明：页面生成器generator，是ie6
　　　用法：<Meta  http-equiv="IE6"  Content="Generator">
　　　注意：用什么东西做的，类似商品出厂厂商。  

　　11、Content-Script-Type  (脚本相关)
　　　说明：这是近来W3C的规范，指明页面中脚本的类型。
　　　用法：<Meta  http-equiv="Content-Script-Type"  Content="text/javascript">
　　　注意：  

　　★NAME变量  

　　name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
　　name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期)  、
document  ID(文档编号)和level(等级)等。
　　name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。  

　　1、Keywords  (关键字)
　　　说明：为搜索引擎提供的关键字列表
　　　用法：<Meta  name="Keywords"  Content="关键词1,关键词2，关键词3,关键词4,……">
　　　注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：
　　　　　　<Meta  name="Kyewords"  Lang="EN"  Content="vacation,greece,sunshine">
　　　　　　<Meta  name="Kyewords"  Lang="FR"  Content="vacances,grè:ce,soleil">  

　　2、Description  (简介)
　　　说明：Description用来告诉搜索引擎你的网站主要内容。
　　　用法：<Meta  name="Description"  Content="你网页的简述">
　　　注意：  

　　3、Robots  (机器人向导)
　　　说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
　　　用法：<Meta  name="Robots"  Content="All|None|Index|Noindex|Follow|Nofollow">
　　　注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。  

　　　  all：文件将被检索，且页面上的链接可以被查询；
　　　  none：文件将不被检索，且页面上的链接不可以被查询；(和  "noindex,  no  follow"  起相同作用)
　　　  index：文件将被检索；（让robot/spider登录）
　　　  follow：页面上的链接可以被查询；
　　　  noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
　　　nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)  

　　4、Author  (作者)
　　　说明：标注网页的作者或制作组
　　　用法：<Meta  name="Author"  Content="张三，abc@sina.com">
　　　注意：Content可以是：你或你的制作组的名字,或Email  

　　5、Copyright  (版权)
　　　说明：标注版权
　　　用法：<Meta  name="Copyright"  Content="本页版权归Zerospace所有。All  Rights  Reserved">
　　　注意：  

　　6、Generator  (编辑器)
　　　说明：编辑器的说明
　　　用法：<Meta  name="Generator"  Content="PCDATA|FrontPage|">
　　　注意：Content="你所用编辑器"  

　　7、revisit-after  (重访)
　　　说明：
　　　用法：<META  name="revisit-after"  CONTENT="7  days"  >
　　　注意：  

　　★Head中的其它一些用法  

　　1、scheme  (方案)
　　　说明：scheme  can  be  used  when  name  is  used  to  specify  how  the  value  of  content  should
　　　　　　be  interpreted.
　　　用法：<meta  scheme="ISBN"  name="identifier"  content="0-14-043205-1"  />
　　　注意：  

　　2、Link  (链接)
　　　说明：链接到文件
　　　用法：<Link  href="soim.ico"  rel="Shortcut  Icon">
　　　注意：很多网站如果你把她保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话，就能轻松实现这一功能。<LINK>  用来将目前文件与其它  URL  作连结，但不会有连结按钮，用於  <HEAD>  标记间，  格式如下：  
　　　　　　　<link  href="URL"  rel="relationship">  
　　　　　　　<link  href="URL"  rev="relationship">  

　　3、Base  (基链接)
　　　说明：插入网页基链接属性
　　　用法：<Base  href="http://www.xia8.net/"  target="_blank">
　　　注意：你网页上的所有相对路径在链接时都将在前面加上“http://www.cn8cn.com/”。其中target="_blank"是链接文件在新的窗口中打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（帧）中打开；改为“_top”链接文件全屏显示。  

　　以上是META标签的一些基本用法，其中最重要的就是：Keywords和Description的设定。为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派机器人自动在WWW上搜索，当发现新的网站时，便于检索页面中的Keywords和Description，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。  

　　由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。否则，
后果就会是：
　　
　　●　如果你的页面中根本没有Keywords和Description的META标签，那么机器人是无法将你的站点加入数
　　　　据库，网友也就不可能搜索到你的站点。  

　　●　如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可
　　　　能性也是非常小的。  

　　写好Keywords(关键字)要注意以下几点：  

　　●　不要用常见词汇。例如www、homepage、net、web等。  

　　●　不要用形容词，副词。例如最好的，最大的等。  

　　●　不要用笼统的词汇，要尽量精确。例如“爱立信手机”，改用“T28SC”会更好。  

　　“三人之行，必有我师”，寻找合适关键词的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索与
你的网站内容相仿的网站，查看排名前十位的网站的META关键字，将它们用在你的网站上，效果可想而知了。  

　　★小窍门  

　　为了提高搜索点击率，这里还有一些“捷径”可以帮得到你：  

　　●　为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。  

　　●　在图像的ALT注释语句中加入关键字。如：<IMG  SRC="xxx.gif"  Alt="Keywords">  

　　●　利用HTML的注释语句，在页面代码里加入大量关键字。用法：  <!--  这里插入关键字  -->  

<head>　　<title>文件头，显示在浏览器标题区</title>　　<meta  http-equiv="Content-Language"  content="zh-cn">　　<meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">　　<meta  name="GENERATOR"  content="Microsoft  FrontPage  4.0">　　<meta  name="ProgId"  content="FrontPage.Editor.Document">　　<meta  name="制作人"  content="唐蓉生">　　<meta  name="主题词"  content="HTML  网页制作  课件"></head>


呓语的博客 2006-01-03 10:08 发表评论
]]>Response.Expires 属性http://www.blogjava.net/xieyunlong/archive/2005/12/29/25860.html呓语的博客呓语的博客Thu, 29 Dec 2005 04:34:00 GMThttp://www.blogjava.net/xieyunlong/archive/2005/12/29/25860.htmlhttp://www.blogjava.net/xieyunlong/comments/25860.htmlhttp://www.blogjava.net/xieyunlong/archive/2005/12/29/25860.html#Feedback0http://www.blogjava.net/xieyunlong/comments/commentRss/25860.htmlhttp://www.blogjava.net/xieyunlong/services/trackbacks/25860.htmlExpires 属性
Expires 属性指定了在浏览器上缓冲存储的页距过期还有多少时间。如果用户在某个页过期之前又回到此页，就会显示缓冲区中的版本

语法
Response.Expires [= number]
 
参数
number 
距过期还有多少分钟。将此参数设置为 0 可使缓存的页立即过期。 
注释
若此属性在一页上设置了多次，则使用最短的时间。
 
应用于
Response 对象

  Response.expires=0也表示立即过期，但如果client和server不在一个时区或者client的时间早于server上的时间，则不能立即过期。所以用负数或者用Response.ExpiresAbsolute=now()-1来表示立即过期，response.expires=1表示在1分钟后过期。

呓语的博客 2005-12-29 12:34 发表评论
]]>用Response.Buffer=True为程序加速http://www.blogjava.net/xieyunlong/archive/2005/12/29/25858.html呓语的博客呓语的博客Thu, 29 Dec 2005 03:56:00 GMThttp://www.blogjava.net/xieyunlong/archive/2005/12/29/25858.htmlhttp://www.blogjava.net/xieyunlong/comments/25858.htmlhttp://www.blogjava.net/xieyunlong/archive/2005/12/29/25858.html#Feedback0http://www.blogjava.net/xieyunlong/comments/commentRss/25858.htmlhttp://www.blogjava.net/xieyunlong/services/trackbacks/25858.html
一、Buffer

Buffer从英文直译过来的意思是“缓冲区”，这里我们将它称为缓冲，因为它不仅是个名词，还是个动词。
缓冲区是存储一系列的数据的地方，客户端所获得的数据可以从程序的执行结果直接输出，也可以从缓冲区输出。但是这两种方式在速度上是有差异的：在web中，当一个asp程序被请求的次数不多时，二者基本上没有什么差异，至少我们感觉不出来。但是当有很多人请求一个asp程序时，速度可就不一样了。如果没有缓冲区，那么每个请求asp程序的人的客户端所得到的结果都是asp程序执行一次所得到的结果，而如果预先将asp程序缓冲，那么每个客户端所得到的结果就是缓冲区的结果，不是执行一次程序的结果。比如有1000个用户同时访问一个asp页面，如果这个asp程序没有缓冲，那么程序将被执行一千次，这样服务器的负荷就回加大，从而导致客户端打开页面速度变慢；如果这个asp程序被缓冲了，那么结果就不一样了，每个客户端直接从缓冲区获得数据，服务器将不会因为访问增加而增加程序执行次数，因此客户端打开页面的速度也就比上一种情况要快。这就是Buffer的好处。

二、如何将asp程序缓冲

这个问题其实很简单，只要在asp程序的第一行加上：
<% Response.Buffer = True %>
就可以了。
这句话的意思就是指明输出页面是否被缓冲，当属性值为True时，服务器将不会向客户端发送任何信息，直到所有程序执行完或者遇到
<% Response.Flush %>或<% Response.End %>
语句，才会释放缓冲区的信息。


三、总结

Response的Buffer属性虽然能够提高页面显示速度，但是也要分什么情况。如果你正在制作一个普通的个人主页，访问量不是很高，并且没有什么复杂的执行程序，那么用不用这个属性就不是很重要，因为将数据缓冲也需要一段时间，只不过我们感觉不到罢了；但是如果你正在制作一个大型论坛或者一个产品展示或其他的商务站点，并且访问量很高，那么我建议在程序的第一行加入
<% Response.Buffer = True %>
这句话，因为这样能够让客户在有效的时间内获得更多的数据。

呓语的博客 2005-12-29 11:56 发表评论
]]>js小技巧http://www.blogjava.net/xieyunlong/archive/2005/12/19/24610.html呓语的博客呓语的博客Mon, 19 Dec 2005 04:24:00 GMThttp://www.blogjava.net/xieyunlong/archive/2005/12/19/24610.htmlhttp://www.blogjava.net/xieyunlong/comments/24610.htmlhttp://www.blogjava.net/xieyunlong/archive/2005/12/19/24610.html#Feedback0http://www.blogjava.net/xieyunlong/comments/commentRss/24610.htmlhttp://www.blogjava.net/xieyunlong/services/trackbacks/24610.html2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
    if (form.elements.type == "text"){
        form.elements.value = "";
    }
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
38.取字符串中指定位置的一个字符:StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒  [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名
48.在老的浏览器中不执行此JS:<!--      //-->
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>
50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>
51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
70.添加到收藏夹:external.AddFavorite("http://www.dannyg.com";,"jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn";);
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}}  window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

呓语的博客 2005-12-19 12:24 发表评论
]]>css入门教程http://www.blogjava.net/xieyunlong/archive/2005/12/16/24235.html呓语的博客呓语的博客Fri, 16 Dec 2005 08:06:00 GMThttp://www.blogjava.net/xieyunlong/archive/2005/12/16/24235.htmlhttp://www.blogjava.net/xieyunlong/comments/24235.htmlhttp://www.blogjava.net/xieyunlong/archive/2005/12/16/24235.html#Feedback0http://www.blogjava.net/xieyunlong/comments/commentRss/24235.htmlhttp://www.blogjava.net/xieyunlong/services/trackbacks/24235.html

CSS是“Cascading Style Sheets”的简称，中文翻译为“串接样式表”，也有人翻译 为“样式表”。CSS用以作为网页的排版和风格设计，在web标准建站中，对CSS的熟悉和使用 是相当重要的一个内容。CSS的作用是弥补HTML的不足，让网页的设计更为灵活。

　　这个文章只是为您介绍CSS的基础应用，指引您的一个入门的基础教程，主要目的是为 推进web标准贡献自己的微薄之力。

　　说点我自己的体会，现在有好多人都在推广WEB标准，其实对初学者来说，不需要刚学 的时候就学标准，学点简单的还是容易入门的，因为现在HTML还在照样用啊，所以我希望初学 者学习时不要非遵循标准，当你入门之后，你做网页的时候，发现使用表格特麻烦的时候你就 该去寻求简单方法了，到时再学也不晚啊，如果你喜欢新技术那么你初学时就学标准吧，按个 人的实际来行动吧。下面开始学习了

　　一、如何在HTML中应用CSS。

　　您可以利用下列 3 种方式将 CSS 指定的格式加入到HTML中：

　　1. 在 HTML 文件里加一个超级连结，连接到外部的 CSS 文档。(外部连结 CSS)

　　这个方法最方便管理整个网站的网页风格，它让网页的文字内容与版面设计分开。您 只要在一个 CSS 文档内（扩展名为 .CSS）定义好网页的风格，然后在网页中加一个超级连接 连接到该文档，那么你的网页会按在CSS文档内定义好的风格显示出来了。

　　具体的使用防范是：

　　<HTML>

　　<HEAD>

　　<TITLE>网页文件的标题</TITLE>

　　<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">

　　</HEAD>

　　注意：style.css文件的位置。

　　2. 在 HTML 文件内的 <HEAD>.......</HEAD> 标签之间，加一段 CSS 的描述内容。(内定义CSS)

　　这个方法适用于指定某个网页，除了表现外部的 CSS 文档定义好的网页风格外，同时 还要表现本身 HTML 文档内指定的 CSS 。

　　如果内在添加的 CSS 描述与外部连接的 CSS 描述相冲突的话，网页的表现将以内在 添加的 CSS 描述为主，也就是外部的描述就不再起作用了。

　　具体使用方法是：

　　<HTML>

　　<HEAD>

　　<TITLE>网页标题</TITLE>

　　<STYLE TYPE="text/css">

　　<!--

　　BODY {font: 12pt}

　　H1 {font: 16pt}

　　P {font-weight: bold;

　　color: green}

　　-->

　　</STYLE>

　　</HEAD>

　　<BODY>

　　网页内容…

　　</BODY>

　　</HTML>

　　值得注意的是，为了防止不支持 CSS 的浏览器误将标签间的 CSS 风格描述当成普通 字串，而表现于网页上，您最好将 CSS 的叙述文字插入在<!--和-->之间。

　　3. 在 HTML 文件的文本内容中，随时有需要，随时加一小段 CSS 的描述指定风格。( 文本间CSS)

　　这个方法适用于指定网页内的某一小段文字的呈现风格。

　　外部CSS与内定义CSS如果和此定义有相同的项，那么以此定义的 CSS 风格表现，外部 CSS文档与内定义CSS和此定义的没相同的项时那么还会正常显示，同时还会显示文本内容间的 CSS 风格。

　　具体使用方法是：

　　<HTML>

　　<HEAD>

　　<TITLE>网页标题</TITLE>

　　</HEAD>

　　<BODY>

　　<P STYLE="color: red">

　　本页内容…

　　</P>

　　</BODY>

　　</HTML>

　　上述的 3 种 CSS，可以同时并用，也可以择您所好，单一或成双地使用。如果各 CSS 间的叙述相冲突，则内在定义的 CSS 会覆盖外部连结的 CSS ，文本间的 CSS 会覆盖内在定 义的 CSS 。

　　二、挑选者、属性和值。

　　先举个例子：H3{ COLOR : BLUE }表示在文本中只要使用H3标签的文字的颜色都是绿 色。其中H3为挑选者，COLOR为属性，BLUE为COLOR属性的值。挑选者是套用样式的元件，通常 为外部CSS或内定义CSS定义的风格的一个名字，在这个初级教程里理解为一个标签的名字也可 以。属性是用语描述挑选者的特性，相当于HTML语法中的标签的属性。值就是属性的具体内容 。

　　在CSS中当我们使用到属性值的时候，通常值是有一个度量依据的，也就是说值是有单 位的。比如我们通常说你从家到学校走1，1什么呢？米，公里，还是走1小时。通常在CSS中的 单位有：相对单位与绝对单位两种单位具体如下：

　　“em” (比如 font-size: 2em) ：相对于字母高度的比例因子。

　　“%” (比如 font-size: 80%)： 相对于长度单位（通常是目前字型的大小）的百分 比例。

　　

　　'px' (比如 font-size: 12px) ：像素（系统预设单位）。

　　'pt' (比如 font-size: 12pt)： 像点。

　　此外还有 'pc' (印刷活字单位), 'cm' (公分), 'mm' (公厘) 和 'in' (英寸)等单位 。

　　当值为0时，我们就不需要设置单位了，比如你不想要边框那么我们直接设置border=0 。

　　在这我多说一句，就是强调单位的使用时，当我自己制作的网页想在分辨率改变时， 字体大小也随着改变那么我们就使用单位%和em，如果你想时你的网页不管怎么调分辨率都是 固定大小的那么我们使用px、pt等元素了。呵呵！

　　三、颜色的设置和使用。

　　CSS提供了16,777,216种颜色可以供我们来使用，通常表现颜色的方式有三种：颜色名 字、RGB(red/green/blue) 数值和十六进制数形式，具体表现如下：

　　红色可以表示为：red、RGB(255,0,0)、rgb(100%,0%,0%)、#ff0000 和 #f00　五种方 式。

　　#RRGGBB：以三个00到FF的十六进位值分别表示0到255十进位值的红、绿、蓝三原色数 值。

　　#RGB：简略表示法，只用三个0到F的十六进位值分别表示红、绿、蓝三原色数值。而 事实上，浏览器会自动扩展为六个十六进位的值，如『#ABC』将变为『#AABBCC』。但是，显 见这样的 表示法并不精确。

　　rgb(R,G,B)：以0到255十进位值的红、绿、蓝三原色数值来表示颜色。

　　rgb(R%,G%,B%)：以红、绿、蓝彼此相对的数值比例来表示颜色，如rgb (60%,100%,75%)。

　　Color_Name： 直接以颜色名称来表示颜色，共有141种标准的颜色名称。

　　通常我们在设置颜色的时候通常是设置文字的颜色还有一个就是背景色。如按下图进 行设置：

　　我们可以保存一下文荡然后浏览你就可以看到效果了。

　　四、关于文本的设置。

　　我们可以使用多种属性来改变网页文本的大小和形状,以使网页文本内容看起来更加美 观。

　　font-family：设定文字字型 可以取family-name值，范例：SPAN { family-name : " 楷体" }或范例：<SPAN style="family-name:楷体">。

　　font-style：设定字体样式，可以取的值有normal 普通字、italic 斜体字；范例： SPAN { font-style : italic }。

　　font-weight：设定字型份量；可以取的值有normal 普通字 、bold 粗体字 、bolder 相对于父元素稍粗 、lighter 相对于父元素稍细 、100,200,300,400,500,600,700,800,900 数字由小到大代表笔画由细到粗，例如：normal=400　bold=700 ；范例：SPAN { font- weight : bolder }。

　　font-size：设定文字大小。

　　text-decoration：设定文字修饰，可能值有 none 普通字 、underline 文字加底线 、overline 文字加顶线 、line-through 文字加删除线 、blink 设定文字闪烁 ；范例： SPAN { text-decoration : blink }

　　text-transform：设定文字转换 ；可能值有none 普通字 、capitalize 将英文单字 地一个字母转换为大写 、uppercase 将所有文字转换为大写 、lowercase 将所有文字转换为 小写 ；范例：SPAN { text-transform : uppercase }。

　　

　　五、边缘和区块的设置。

　　MARGIN：边缘，虽然是通透的部份，但是可以藉由边缘宽度的调整来达到内容元素位 置调整的目的。PADDING：补白，也就是内容元素与框架之间的这段距离与空间，也可以利用 CSS指令去控制大小。

　　把代码改为如图：

　　 他们的属性有：margin-top(上边缘宽度), margin-right(右边缘宽度), margin- bottom(下边缘宽度), margin-left(左边缘宽度), padding-top(上方补白宽度), padding- right(右方补白宽度), padding-bottom(下方补白宽度) 和 padding-left(左方补白宽度)。

　　下面通过一个图来给大家说明：

　　看看上图理解点了吧！下面我们开始讲讲边框。

　　六、边框border性质设定。

　　边框也能应用到大多数的HTML标签中，可以来使网页更加美观，边框的具体属性有 border-top：综合设定上边框性质 、border-right：综合设定右边框性质 、border-bottom ：综合设定下边框性质、 border-left：综合设定左边框性质。

　　border-style　综合设定边框样式 ，可能值：solid(实线), dotted(虚线), dashed( 短直线), double(双直线), groove (3d凹线), ridge (3d凸线), inset (3d嵌入) 和 outset (3d隆起)。

　　border-width　综合设定边框宽度,可以设置的有 border-top-width(设定上边框宽度 ), border-right-width(设定右边框宽度), border-bottom-width(设定下边框宽度) 和 border-left-width(设定左边框宽度).

　　border-color　综合设定边框颜色。

　　把下面代码加到你的网页中可以看到效果了：

　　这片文章就介绍到这里了，因为是一个初学者的入门教程，所以内容显得少的可怜。 以后会给大家介绍一些比较高级的内容，希望大家支持我啊！


属性名称

字体属性（Font）
font-family
font-style
font-variant
font-weight
font-size


颜色和背景属性
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position


文本属性
Word-spacing
Letter-spacing
Text-decoration

Vertical-align

Text-transform

Text-align
Text-indent
Line-height


边距属性
Margin-top
Margin-right
Margin-bottom
Margin-left

填充距属性
Padding-top
Padding-right
Padding-bottom
Padding-left

边框属性
Border-top-width
Border-right-width
Border-bottom-width
Border-left-width
Border-width
Border-color
Border-style
Border-top
Border-right
Border-bottom
Border-left
Width
Height
Float
Clear

分级属性
Display
White-space
List-style-type
List-style-image
List-style-position
List-style

鼠标（Cursor）属性		 属性含义


使用什么字体
字体是否斜体
是否用小体大写
字体的粗细
字体的大小



定义前景色
定义背景色
定义背景图案
重复方式
设置滚动
初始位置



单词之间的间距
字母之间的间距
文字的装饰样式

垂直方向的位置

文本转换

对齐方式
首行的缩进方式
文本的行高



顶端边距
右侧边距
底端边距
左侧边距


顶端填充距
右侧填充距
底端填充距
左侧填充距


顶端边框宽度
右侧边框宽度
底端边框宽度
左侧边框宽度
一次定义宽度
设置边框颜色
设置边框样式
一次定义顶端
一次定义右侧
一次定义底端
一次定义左侧
定义宽度属性
定义高度属性
文字环绕
哪一边环绕


定义是否显示
怎样处理空白
加项目编号
加图案
第二行起始位置
一次定义列表


自动
定位“十”字
默认指针
手形
移动
箭头朝右方
箭头朝右上方
箭头朝左上方
箭头朝上方
箭头朝右下方
箭头朝左下方
箭头朝下方
箭头朝左方
文本“I”形
等待
帮助



呓语的博客 2005-12-16 16:06 发表评论
]]>