Windows LiveWindows Live™
 
 
yifeng's profile私人空间PhotosBlogListsMore Tools Help

Blog
    September 24

    网页中添加音乐

    第一种方法：
    <div align="center"><object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" height="46" width="200">
            <param name="_ExtentX" value="4895">
            <param name="_ExtentY" value="1217">
            <param name="AUTOSTART" value="-1">
            <param name="SHUFFLE" value="0">
            <param name="PREFETCH" value="0">
            <param name="NOLABELS" value="0">
            <param name="SRC" value="歌曲所在地址">
    如：http://musicdown.gz365.net/SALENMP3OK/zjl-dfp.mp3
    http://music.happy895.com/qita/d/000007.wma
            <param name="CONTROLS" value="controlpanel,statusbar">
            <param name="LOOP" value="20">
            <param name="NUMLOOP" value="0">
            <param name="CENTER" value="0">
            <param name="MAINTAINASPECT" value="0">
            <param name="BACKGROUNDCOLOR" value="#000000">
          </object></div>

    第二种方法：
    <bgsound src="歌曲所在地址" loop="-1">
    如：http://musicdown.gz365.net/SALENMP3OK/zjl-dfp.mp3
    http://music.happy895.com/qita/d/000007.wma

    第三种方法：
    <embed src="歌曲所在地址" quality=high width=270 height=50 nojava=true controls=ControlPanel console=one autostart=false loop=true>
    </embed>

    其他代码：
    <div align=center><object id="mplayer" width="460" height="68" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
    codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..."
    type="application/x-oleobject">
        <param name="FileName" value="歌曲地址">
        <param name="ShowControls" value="1">
        <param name="ShowPositionControls" value="0">
        <param name="ShowAudioControls" value="1">
        <param name="ShowTracker" value="1">
        <param name="ShowDisplay" value="0">
        <param name="ShowStatusBar" value="1">
        <param name="AutoSize" value="0">
        <param name="ShowGotoBar" value="0">
        <param name="ShowCaptioning" value="0">
        <param name="AutoStart" value="1">
        <param name="PlayCount" value="0">
        <param name="AnimationAtStart" value="0">
        <param name="TransparentAtStart" value="0">
        <param name="AllowScan" value="0">
        <param name="EnableContextMenu" value="1">
        <param name="ClickToPlay" value="0">
        <param name="InvokeURLs" value="1">
        <param name="DefaultFrame" value="datawindow">
        <embed src="歌曲地址"
     align="baseline" border="0" width="460" height="68"
            type="application/x-mplayer2"
            pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin&
            name="MediaPlayer" showcontrols="1" showpositioncontrols="0"
            showaudiocontrols="1" showtracker="1" showdisplay="0"
            showstatusbar="1"
            autosize="0"
            showgotobar="0" showcaptioning="0" autostart="1" autorewind="0"
            animationatstart="0" transparentatstart="0" allowscan="1"
            enablecontextmenu="1" clicktoplay="0" invokeurls="1"
            defaultframe="datawindow">
        </embed>
    </object></div>

    4:11 PM | Add a comment | Permalink | Blog it | WEB Study

    关于Web设计、开发中window对象的资料

    What is "window" ？

    window 代表浏览器中一个打开的窗口。

    Window的属性

     

    属性 描述
    closed 获取引用窗口是否已关闭。
    defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息。
    dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组。
    dialogHeight 设置或获取模式对话框的高度。
    dialogLeft 设置或获取模式对话框的左坐标。
    dialogTop 设置或获取模式对话框的顶坐标。
    dialogWidth 设置或获取模式对话框的宽度。
    frameElement 获取在父文档中生成 window 的 frame 或 iframe 对象。
    length 设置或获取集合中对象的数目。
    name 设置或获取表明窗口名称的值。
    offscreenBuffering 设置或获取对象在对用户可见之前是否要先在屏幕外绘制。
    opener 设置或获取创建当前窗口的窗口的引用。
    parent 获取对象层次中的父窗口。
    returnValue 设置或获取从模式对话框返回的值。
    screenLeft 获取浏览器客户区左上角相对于屏幕左上角的 x 坐标。
    screenTop 获取浏览器客户区左上角相对于屏幕左上角的 y 坐标。
    self 获取对当前窗口或框架的引用。
    status 设置或获取位于窗口底部状态栏的信息。
    top 获取最顶层的祖先窗口。

     

    Window的事件
    事件 描述
    onactivate 当对象设置为活动元素时触发。
    onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。
    onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。
    onbeforeprint 对象的关联文档打印或打印预览前在对象上触发。
    onbeforeunload 在页面将要被卸载前触发。
    onblur 在对象失去输入焦点时触发。
    oncontrolselect 当用户将要对该对象制作一个控件选中区时触发。
    ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。
    onerror 当对象装载过程中发生错误时触发。
    onfocus 当对象获得焦点时触发。
    onhelp 当用户在浏览器为当前窗口时按 F1 键时触发。
    onload 在浏览器完成对象的装载后立即触发。
    onmove 当对象移动时触发。
    onmoveend 当对象停止移动时触发。
    onmovestart 当对象开始移动时触发。
    onresize 当对象的大小将要改变时触发。
    onresizeend 当用户更改完控件选中区中对象的尺寸时触发。
    onresizestart 当用户开始更改控件选中区中对象的尺寸时触发。
    onscroll 当用户滚动对象的滚动条时触发。
    onunload 在对象卸载前立即触发。

    window的集合
    集合 描述
    frames 获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。

    window的方法
    方法 描述
    alert 显示包含由应用程序自定义消息的对话框。
    attachEvent 将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。
    blur 使元素失去焦点并触发 onblur 事件。
    clearInterval 使用 setInterval 方法取消先前开始的间隔事件。
    clearTimeout 取消先前用 setTimeout 方法设置的超时事件。
    close 关闭当前浏览器窗口或 HTML 应用程序(HTA)。
    confirm 显示一个确认对话框，其中包含一个可选的消息和确定取消按钮。
    createPopup 创建弹出窗口。
    detachEvent 从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了。
    execScript 以给定语言执行指定的脚本。
    focus 使得元素得到焦点并执行由 onfocus 事件指定的代码。
    moveBy 将窗口的位置移动指定 x 和 y 偏移值。
    moveTo 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
    navigate 在当前窗口中装入指定 URL。
    open 打开新窗口并装入给定 URL 的文档。
    print 打印与窗口关联的文档。
    prompt 显示一个提示对话框，其中带有一条消息和一个输入框。
    resizeBy 更改窗口的当前位置缩放指定的 x 和 y 偏移量。
    resizeTo 将窗口的大小更改为指定的宽度和高度值。
    scroll 将窗口滚动到自左上角起指定的 x 和 y 偏移量。
    scrollBy 将窗口滚动 x 和 y 偏移量。
    scrollTo 将窗口滚动到指定的 x 和 y 偏移量。
    setActive 设置对象为当前对象而不将对象置为焦点。
    setInterval 每经过指定毫秒值后计算一个表达式。
    setTimeout 经过指定毫秒值后计算一个表达式。
    showHelp 显示帮助文件。此方法可用于 Microsoft HTML 帮助。
    showModalDialog 创建一个显示指定 HTML 文档的模式对话框。
    showModelessDialog 创建一个显示指定 HTML 文档的非模式对话框。

    window的对象
    对象 描述
    clientInformation 包含关于 Web 浏览器的信息。
    clipboardData 提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。
    document 代表给定浏览器窗口中的 HTML 文档。
    event 代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。
    external 允许访问由 Microsoft® Internet Explorer 浏览器组件宿主应用程序提供的附加对象模型。
    history 包含了用户已浏览的 URL 的信息。
    location 包含关于当前 URL 的信息。
    navigator 包含关于 Web 浏览器的信息。
    screen 包含关于客户屏幕和渲染能力的信息。
    4:05 PM | Add a comment | Permalink | Blog it | WEB Study
    September 03

    在线播放器代码大全

    1.avi格式

    <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
    <param name="ShowDisplay" value="0">
    <param name="ShowControls" value="1">
    <param name="AutoStart" value="1">
    <param name="AutoRewind" value="0">
    <param name="PlayCount" value="0">
    <param name="Appearance value="0 value=""">
    <param name="BorderStyle value="0 value=""">
    <param name="MovieWindowHeight" value="240">
    <param name="MovieWindowWidth" value="320">
    <param name="FileName" value="file:///D|/work/vod/Mbar.avi">
    <embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
    </embed>
    </object>

    2.mpg格式

    <object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
    <param name="Appearance" value="0">
    <param name="AutoStart" value="-1">
    <param name="AllowChangeDisplayMode" value="-1">
    <param name="AllowHideDisplay" value="0">
    <param name="AllowHideControls" value="-1">
    <param name="AutoRewind" value="-1">
    <param name="Balance" value="0">
    <param name="CurrentPosition" value="0">
    <param name="DisplayBackColor" value="0">
    <param name="DisplayForeColor" value="16777215">
    <param name="DisplayMode" value="0">
    <param name="Enabled" value="-1">
    <param name="EnableContextMenu" value="-1">
    <param name="EnablePositionControls" value="-1">
    <param name="EnableSelectionControls" value="0">
    <param name="EnableTracker" value="-1">
    <param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
    <param name="FullScreenMode" value="0">
    <param name="MovieWindowSize" value="0">
    <param name="PlayCount" value="1">
    <param name="Rate" value="1">
    <param name="SelectionStart" value="-1">
    <param name="SelectionEnd" value="-1">
    <param name="ShowControls" value="-1">
    <param name="ShowDisplay" value="-1">
    <param name="ShowPositionControls" value="0">
    <param name="ShowTracker" value="-1">
    <param name="Volume" value="-480">
    </object>


    3.rm格式

    <OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

    <param name="_ExtentX" value="9313">
    <param name="_ExtentY" value="7620">
    <param name="AUTOSTART" value="0">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="0">
    <param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
    <param name="CONTROLS" value="ImageWindow">
    <param name="CONSOLE" value="Clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

    </OBJECT>

    4.wmv格式

    <object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
    <!-- ASX File Name -->
    <param name="AutoRewind" value=1>
    <param name="FileName" value="xxxxxx.wmv">
    <!-- Display Controls -->

    <param name="ShowControls" value="1">
    <!-- Display Position Controls -->

    <param name="ShowPositionControls" value="0">
    <!-- Display Audio Controls -->

    <param name="ShowAudioControls" value="1">
    <!-- Display Tracker Controls -->

    <param name="ShowTracker" value="0">
    <!-- Show Display -->

    <param name="ShowDisplay" value="0">
    <!-- Display Status Bar -->

    <param name="ShowStatusBar" value="0">
    <!-- Diplay Go To Bar -->

    <param name="ShowGotoBar" value="0">
    <!-- Display Controls -->

    <param name="ShowCaptioning" value="0">
    <!-- Player Autostart -->

    <param name="AutoStart" value=1>
    <!-- Animation at Start -->

    <param name="Volume" value="-2500">
    <param name="AnimationAtStart" value="0">
    <!-- Transparent at Start -->

    <param name="TransparentAtStart" value="0">
    <!-- Do not allow a change in display size -->

    <param name="AllowChangeDisplaySize" value="0">
    <!-- Do not allow scanning -->

    <param name="AllowScan" value="0">
    <!-- Do not show contect menu on right mouse click -->

    <param name="EnableContextMenu" value="0">
    <!-- Do not allow playback toggling on mouse click -->
    <param name="ClickToPlay" value="0">
    </object>

    最简单的播放代码

    <embed src="http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv";;
    autostart="true" loop="true" width="200" height="150" >
    把这个网址http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv换成你要看的电影就行了


    有图像的rm格式：

    <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
    <param name=_ExtentX value=5503>
    <param name=_ExtentY value=1588>
    <param name=AUTOSTART value=-1>
    <param name=SHUFFLE value=0>
    <param name=PREFETCH value=0>
    <param name=NOLABELS value=0>
    <param name=SRC value=http://media.cdut.edu.cn/ram/new/xiaoxin1.ram>
    <param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>
    <param name=CONSOLE value=RAPLAYER>
    <param name=LOOP value=0>
    <param name=NUMLOOP value=0>
    <param name=CENTER value=0>
    <param name=MAINTAINASPECT value=0>
    <param name=BACKGROUNDCOLOR value=#000000>
    </OBJECT>

    无图像的rm格式：如相声，歌曲。。。

    <object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
    <param name=_ExtentX value=9657>
    <param name=_ExtentY value=847>
    <param name=AUTOSTART value=-1>
    <param name=SHUFFLE value=0>
    <param name=PREFETCH value=0>
    <param name=NOLABELS value=0>
    <param name=SRC value=http://210.242.69.206/ramgen/broadcast/BCC/encoder/hipop.rm>
    <param name=CONTROLS value=StatusBar,controlpanel>
    <param name=CONSOLE value=Clip1>
    <param name=LOOP value=0>
    <param name=NUMLOOP value=0>
    <param name=CENTER value=0>
    <param name=MAINTAINASPECT value=0>
    <param name=BACKGROUNDCOLOR value=#000000>
    </object>
    最简单的media格式的播放器。。自动识别有无图像，但是版本是你机器的！
    <embed src=mms://61.175.132.221/tv/mtv/f4/makeawish.wmv width=200 height=200 autostart=true loop=true></embed>
    有图像的media播放器，自动调用网上的插件。
    <object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
    <param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
    <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
    <PARAM NAME=Enabled value=true>
    <PARAM NAME=enableContextMenu value=false>
    <param name=WindowlessVideo value=true></object>
    无图像的media播放器。。。同上。
    <object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
    <param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
    <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
    <PARAM NAME=Enabled value=true>
    <PARAM NAME=enableContextMenu value=false>
    </object>
    只是界面不同的media的调插件播放器。。建议不用这个，，你可以看！
    <embed src=http://av.wanwa.com/fileroot/AV/Ramfiles/23809.ram type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=60 width=275 autostart=true></embed>

    在线播放r m格式视频代码：

    <object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272">
    <param name="_ExtentX" value="18415">
    <param name="_ExtentY" value="9102">
    <param name="AUTOSTART" value="-1">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="-1">
    <param name="SRC" value="http://www.xiaoqiong.com/ftp/up/bz.rm">
    <param name="CONTROLS" value="Imagewindow">
    <param name="CONSOLE" value="clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000">
    </object><br>
    <object ID="RP2" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="400" HEIGHT="57">
    <param name="_ExtentX" value="18415">
    <param name="_ExtentY" value="1005">
    <param name="AUTOSTART" value="-1">
    <param name="SHUFFLE" value="0">
    <param name="PREFETCH" value="0">
    <param name="NOLABELS" value="-1">
    <param name="SRC" value="http://www.xiaoqiong.com/ftp/up/bz.rm">
    <PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar">
    <param name="CONSOLE" value="clip1">
    <param name="LOOP" value="0">
    <param name="NUMLOOP" value="0">
    <param name="CENTER" value="0">
    <param name="MAINTAINASPECT" value="0">
    <param name="BACKGROUNDCOLOR" value="#000000">
    </object>

    3:55 PM | Add a comment | Permalink | Blog it | WEB Study
    May 19

    主页加速技巧

    站点与站点之间的LOGO链接多了的话，由于每个站点使用的LOGO图片字节大小不同，打开浏览的速度也不尽相同，把不同环境的站点LOGO插入首页，自然会拖慢主页打开的速度，如果某些站点速度慢，甚至有些站点一时根本不能访问，IE需要比较长的一段时间来显示，自己站点速度快的话，倒没什么关系，如果自身速度本来就并不很快，那可真的是苦不堪言了，站点的访问量必然受损！
    这中棘手的问题其实可以巧妙的解决掉，我们可以利用html的“meta”标签功能以跳转的方式单独打开一个包含有LOGO链接的网页，具体实施方法如下：
    1，在主页要显示LOGO链接的位置插入如下代码：
    <IFRAME NAME="logo" SRC="image.htm" frameborder="0" scrolling="no" vspace="0" hspace="0" marginheight="0" marginwidth="0"
    WIDTH="100%" HEIGHT="50"></IFRAME>
    框架中的参数自己根据实际情况更改。
    2,新建一个网页，命名为image.htm，在image.htm中写下如下代码：
    <html>
    <head>
    <title>LOGO</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta HTTP-EQUIV=REFRESH CONTENT="10; URL=logo.htm">
    </head>
    <body>
    </body>
    </html>


    3,建立logo.htm文件，在此文件中写入你要链接的站点的LOGO代码即可。
    看完以上步骤，你大概已经明白其中的意思了吧？也就是说，我们要先显示完主页再来显示LOGO链接，如果你的主页打开时间需要大约6、7秒的时间，那可以把IMAGE.htm文件中的META跳转时间设置为9秒或10秒。就好比是给系统执行的程序设置优先等级，让主页比LOGO链接优先执行，等执行完了主页的显示后再去执行LOGO链接，这样即可达到主页显示加速的效果。
    因为加入了太多的LOGO链接而使得主页日益变慢的朋友，不妨使用小弟的这种方法试试看啊，一定可以解决长期以来围绕您的苦恼！

    5:14 PM | Add a comment | Permalink | Blog it | WEB Study

    Meta标签详解

    　META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。


    　　详细介绍

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

    　　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>

    5:12 PM | Add a comment | Permalink | Blog it | WEB Study
    May 10

    精华代码集

    1. oncontextmenu="window.event.return＆#118alue=false" 将彻底屏蔽鼠标右键
    <table border oncontextmenu=return(false)><td>no</table> 可用于Table
    2. <body onselectstart="return false"> 取消选取、防止复制
    3. onpaste="return false" 不准粘贴
    4. oncopy="return false;" oncut="return false;" 防止复制
    5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
    6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
    7. <input style="ime-mode:Disabled"> 关闭输入法
    8. 永远都会带着框架
    <script language="＆#106avascript"><!--
    if (window == top)top.location.href = "frames.htm"; file＆#58//frames.htm为框架网页
    // --></script>
    9. 防止被人frame
    <SCRIPT LANGUAGE=＆#106avascript><!--
    if (top.location != self.location)top.location=self.location;
    // --></SCRIPT>
    10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为
    11. <input type=button ＆#118alue=查看网页源代码
    ＆#111nclick="window.location = 'view-source:'+ '    http://www.csdn.net/&#39;">
    12. 怎样通过asp的手段来检查来访者是否用了代理
    <% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
    response.write "<font color=#FF0000>您通过了代理服务器，"& _
    "真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
    end if
    %>
    13. 取得控件的绝对位置
    file＆#58//＆#106avascript
    <script language="＆#106avascript">
    function getIE(e){
    var t=e.offsetTop;
    var l=e.offsetLeft;
    while(e=e.offsetParent){
    t+=e.offsetTop;
    l+=e.offsetLeft;
    }
    alert("top="+t+"\nleft="+l);
    }
    </script>
    file＆#58//VBScript
    <script language="VBScript"><!--
    function getIE()
    dim t,l,a,b
    set a=document.all.img1
    t=document.all.img1.offsetTop
    l=document.all.img1.offsetLeft
    while a.tagName<>"BODY"
    set a = a.offsetParent
    t=t+a.offsetTop
    l=l+a.offsetLeft
    wend
    msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
    end function
    --></script>
    14. 光标是停在文本框文字的最后
    <script language="＆#106avascript">
    function cc()
    {
    var e = event.srcElement;
    var r =e.createTextRange();
    r.moveStart('character',e.＆#118alue.length);
    r.collapse(true);
    r.select();
    }
    </script>
    <input type=text name=text1 ＆#118alue="123" onfocus="cc()">
    15. 判断上一页的来源
    asp:
    request.servervariables("HTTP_REFERER")
    ＆#106avascript:
    document.referrer
    16. 最小化、最大化、关闭窗口
    <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" ＆#118alue="Minimize"></object>
    <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" ＆#118alue="Maximize"></object>
    <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <PARAM NAME="Command" ＆#118alue="Close"></OBJECT>
    <input type=button ＆#118alue=最小化 ＆#111nclick=hh1.Click()>
    <input type=button ＆#118alue=最大化 ＆#111nclick=hh2.Click()>
    <input type=button ＆#118alue=关闭 ＆#111nclick=hh3.Click()>
    本例适用于IE
    17.
    <%
    '定义数据库连接的一些常量
    Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
    Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark
    Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。
    Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动
    Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
    Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
    Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等
    Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的
    Const adCmdText = &H0001
    Const adCmdTable = &H0002
    %>
    18. 网页不会被缓存
    HTM网页
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
    或者<META HTTP-EQUIV="expires" CONTENT="0">
    ASP网页
    Response.Expires = -1
    Response.ExpiresAbsolute = Now() - 1
    Response.cachecontrol = "no-cache"
    PHP网页
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
    header("Cache-Control: no-cache, must-revalidate");
    header("Pragma: no-cache");
    19. 检查一段字符串是否全由数字组成
    <script language="＆#106avascript"><!--
    function checkNum(str){return str.match(/\D/)==null}
    alert(checkNum("1232142141"))
    alert(checkNum("123214214a1"))
    // --></script>
    20. 获得一个窗口的大小
    document.body.clientWidth,document.body.clientHeight
    21. 怎么判断是否是字符
    if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");
    else alert("全是字符");
    22.TEXTAREA自适应文字行数的多少
    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
    </textarea>
    23. 日期减去天数等于第二个日期
    <script language=＆#106avascript>
    function cc(dd,dadd)
    {
    file＆#58//可以加上错误处理
    var a = new Date(dd)
    a = a.＆#118alueOf()
    a = a - dadd * 24 * 60 * 60 * 1000
    a = new Date(a)
    alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
    }
    cc("12/23/2002",2)
    </script>
    24. 选择了哪一个Radio
    <HTML><script language="vbscript">
    function checkme()
    for each ob in radio1
    if ob.checked then window.alert ob.＆#118alue 
    next
    end function
    </script><BODY>
    <INPUT name="radio1" type="radio" ＆#118alue="style" checked>Style
    <INPUT name="radio1" type="radio" ＆#118alue="barcode">Barcode
    <INPUT type="button" ＆#118alue="check" ＆#111nclick="checkme()">
    </BODY></HTML>
    25.获得本页url的request.servervariables("")集合
    Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>＆#118alue</B></TD></TR>"
    for each ob in Request.ServerVariables
    Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"
    next
    Response.Write "</TABLE>"
    26. 本机ip<%=request.servervariables("remote_addr")%>
    服务器名<%=Request.ServerVariables("SERVER_NAME")%>
    服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>
    服务器端口<%=Request.ServerVariables("SERVER_PORT")%>
    服务器时间<%=now%>
    IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>
    脚本超时时间<%=Server.ScriptTimeout%>
    本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
    服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
    服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %>
    服务器操作系统<%=Request.ServerVariables("OS")%>
    27.ENTER键可以让光标移到下一个输入框
    <input ＆#111nkeydown="if(event.keyCode==13)event.keyCode=9">
    28. 检测某个网站的链接速度：
    把如下代码加入<body>区域中:
    <script language=＆#106avascript>
    tim=1
    setInterval("tim++",100)
    b=1
    var autourl=new Array()
    autourl[1]="www.njcatv.net"
    autourl[2]="javacool.3322.net"
    autourl[3]="www.sina.com.cn"
    autourl[4]="www.nuaa.edu.cn"
    autourl[5]="www.cctv.com"
    function butt(){
    document.write("<form name=autof>")
    for(var i=1;i<autourl.length;i++)
    document.write("<input type=text name=txt"+i+" size=10 ＆#118alue=测试中……> = <input type=text name=url"+i+" size=40> =》<input type=button ＆#118alue=GO ＆#111nclick=window.open(this.form.url"+i+".＆#118alue)><br/>")
    document.write("<input type=submit ＆#118alue=刷新></form>")
    }
    butt()
    function auto(url){
    document.forms[0]["url"+b].＆#118alue=url
    if(tim>200)
    {document.forms[0]["txt"+b].＆#118alue="链接超时"}
    else
    {document.forms[0]["txt"+b].＆#118alue="时间"+tim/10+"秒"}
    b++
    }
    function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 ＆#111nerror=auto('    http://";;;+autourl[i]+"')>")}
    run()</script>
    29. 各种样式的光标
    auto ：标准光标
    default ：标准箭头
    hand ：手形光标
    wait ：等待光标
    text ：I形光标
    vertical-text ：水平I形光标
    no-drop ：不可拖动光标
    not-allowed ：无效光标
    help ：?帮助光标
    all-scroll ：三角方向标
    move ：移动标
    crosshair ：十字标
    e-resize
    n-resize
    nw-resize
    w-resize
    s-resize
    se-resize
    sw-resize

    4:33 PM | Add a comment | Permalink | Blog it | WEB Study

    JavaScript实用的一些技巧

    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
    <table border oncontextmenu=return(false)><td>no</table> 可用于Table
    2. <body onselectstart="return false"> 取消选取、防止复制

    3. onpaste="return false" 不准粘贴

    4. oncopy="return false;" oncut="return false;" 防止复制

    5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

    6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

    7. <input style="ime-mode:disabled"> 关闭输入法

    8. 永远都会带着框架
    <script language="JavaScript"><!--
    if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
    // --></script>

    9. 防止被人frame
    <SCRIPT LANGUAGE=JAVASCRIPT><!--
    if (top.location != self.location)top.location=self.location;
    // --></SCRIPT>

    10. 网页将不能被另存为
    <noscript><iframe src=*.html></iframe></noscript>

    11. <input type=button value=查看网页源代码
    onclick="window.location = "view-source:"+ "http://www.fir8.net"">

    12.删除时确认
    <a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

    13. 取得控件的绝对位置
    //Javascript
    <script language="Javascript">
    function getIE(e){
    var t=e.offsetTop;
    var l=e.offsetLeft;
    while(e=e.offsetParent){
    t+=e.offsetTop;
    l+=e.offsetLeft;
    }
    alert("top="+t+"/nleft="+l);
    }
    </script>

    //VBScript
    <script language="VBScript"><!--
    function getIE()
    dim t,l,a,b
    set a=document.all.img1
    t=document.all.img1.offsetTop
    l=document.all.img1.offsetLeft
    while a.tagName<>"BODY"
    set a = a.offsetParent
    t=t+a.offsetTop
    l=l+a.offsetLeft
    wend
    msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
    end function
    --></script>

    14. 光标是停在文本框文字的最后
    <script language="javascript">
    function cc()
    {
    var e = event.srcElement;
    var r =e.createTextRange();
    r.moveStart("character",e.value.length);
    r.collapse(true);
    r.select();
    }
    </script>
    <input type=text name=text1 value="123" onfocus="cc()">

    15. 判断上一页的来源
    javascript:
    document.referrer

    16. 最小化、最大化、关闭窗口
    <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" value="Minimize"></object>
    <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" value="Maximize"></object>
    <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <PARAM NAME="Command" VALUE="Close"></OBJECT>
    <input type=button value=最小化 onclick=hh1.Click()>
    <input type=button value=最大化 onclick=hh2.Click()>
    <input type=button value=关闭 onclick=hh3.Click()>
    本例适用于IE


    17.屏蔽功能键Shift,Alt,Ctrl
    <script>
    function look(){
    if(event.shiftKey)
    alert("禁止按Shift键!"); //可以换成ALT　CTRL
    }
    document.onkeydown=look;
    </script>

    18. 网页不会被缓存
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
    或者<META HTTP-EQUIV="expires" CONTENT="0">

    19.怎样让表单没有凹凸感？
    <input type=text style="border:1 solid #000000">或<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>

    20.<div><span>&<layer>的区别？ 
    <div>(division)用来定义大段的页面元素，会产生转行 
    <span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 
    <layer>是ns的标记，ie不支持，相当于<div>

    21.让弹出窗口总是在最上面:
    <body onblur="this.focus();">

    22.不要滚动条?
    让竖条没有: 
    <body style="overflow:scroll;overflow-y:hidden">
    </body>
    让横条没有:
    <body style="overflow:scroll;overflow-x:hidden">
    </body>
    两个都去掉？更简单了
    <body scroll="no">
    </body>

    23.怎样去掉图片链接点击后，图片周围的虚线？
    <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

    24.电子邮件处理提交表单
    <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
    <input type=submit>
    </form>

    25.在打开的子窗口刷新父窗口的代码里如何写？
    window.opener.location.reload()

    26.如何设定打开页面的大小
    <body onload="top.resizeTo(300,200);">
    打开页面的位置<body onload="top.moveBy(300,200);">

    27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
    <STYLE>
    body
    {background-image:url(logo.gif); background-repeat:no-repeat;
    background-position:center;background-attachment: fixed}
    </STYLE>

    28. 检查一段字符串是否全由数字组成
    <script language="Javascript"><!--
    function checkNum(str){return str.match(//D/)==null}
    alert(checkNum("1232142141"))
    alert(checkNum("123214214a1"))
    // --></script>

    29. 获得一个窗口的大小
    document.body.clientWidth; document.body.clientHeight

    30. 怎么判断是否是字符
    if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
    else alert("全是字符");

    31.TEXTAREA自适应文字行数的多少
    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
    </textarea>

    32. 日期减去天数等于第二个日期
    <script language=Javascript>
    function cc(dd,dadd)
    {
    //可以加上错误处理
    var a = new Date(dd)
    a = a.valueOf()
    a = a - dadd * 24 * 60 * 60 * 1000
    a = new Date(a)
    alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
    }
    cc("12/23/2002",2)
    </script>

    33. 选择了哪一个Radio
    <HTML><script language="vbscript">
    function checkme()
    for each ob in radio1
    if ob.checked then window.alert ob.value
    next
    end function
    </script><BODY>
    <INPUT name="radio1" type="radio" value="style" checked>Style
    <INPUT name="radio1" type="radio" value="barcode">Barcode
    <INPUT type="button" value="check" onclick="checkme()">
    </BODY></HTML>

    34.脚本永不出错
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Hide
    function killErrors() {
    return true;
    }
    window.onerror = killErrors;
    // -->
    </SCRIPT>

    35.ENTER键可以让光标移到下一个输入框
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">

    36. 检测某个网站的链接速度：
    把如下代码加入<body>区域中：
    <script language=Javascript>
    tim=1
    setInterval("tim++",100)
    b=1
    var autourl=new Array()
    autourl[1]="www.fir8.net"
    autourl[2]="www.fir8.net"
    autourl[3]="www.fir8.net"
    autourl[4]="www.fir8.net"
    autourl[5]="www.fir8.net"
    function butt(){
    document.write("<form name=autof>")
    for(var i=1;i<autourl.length;i++)
    document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
    name=url"+i+" size=40> =》<input type=button value=GO

    onclick=window.open(this.form.url"+i+".value)><br>")
    document.write("<input type=submit value=刷新></form>")
    }
    butt()
    function auto(url){
    document.forms[0]["url"+b].value=url
    if(tim>200)
    {document.forms[0]["txt"+b].value="链接超时"}
    else
    {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
    b++
    }
    function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 

    onerror=auto("http://"+autourl+"")>")}
    run()</script>

    37. 各种样式的光标
    auto ：标准光标
    default ：标准箭头
    hand ：手形光标
    wait ：等待光标
    text ：I形光标
    vertical-text ：水平I形光标
    no-drop ：不可拖动光标
    not-allowed ：无效光标
    help ：?帮助光标
    all-scroll ：三角方向标
    move ：移动标
    crosshair ：十字标
    e-resize
    n-resize
    nw-resize
    w-resize
    s-resize
    se-resize
    sw-resize


    38.页面进入和退出的特效
    进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
    推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
    这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-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种随机选择一种

    39.在规定时间内跳转
    <META http-equiv=V="REFRESH" content="5;URL=http://www.fir8.net">

    40.网页是否被检索
    <meta name="ROBOTS" content="属性值">
    　　其中属性值有以下一些:
    　　属性值为"all": 文件将被检索，且页上链接可被查询；
    　　属性值为"none": 文件不被检索，而且不查询页上的链接；
    　　属性值为"index": 文件将被检索；
    　　属性值为"follow": 查询页上的链接；
    　　属性值为"noindex": 文件不检索，但可被查询链接；
    　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。


    4:33 PM | Add a comment | Permalink | Blog it | WEB Study

    网站首页head区代码规范

    head区是指首页HTML代码的<head>和</head>之间的内容。
    必须加入的标签

    1.公司版权注释
    <!--- The site is designed by eVan,Inc 07/2004 ---> 

    2.网页显示字符集
    简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
    繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
    英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

    3.网页制作者信息
    <META name="author" content="fir8.net">

    4.网站简介
    <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

    5.搜索关键字
    <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

    6.网页的css规范
    <LINK href="style/style.css" rel="stylesheet" type="text/css">

    7.网页标题
    <title>xxxxxxxxxxxxxxxxxx</title>

    .可以选择加入的标签

    1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 2006 08:21:57 GMT">

    2.禁止浏览器从本地机的缓存中调阅页面内容。
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">

    3.用来防止别人在框架里调用你的页面。
    <META HTTP-EQUIV="Window-target" CONTENT="_top">

    4.自动跳转。
    <META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://blog.fir8.net">
    5指时间停留5秒。

    5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
    <META NAME="robots" CONTENT="none">
    CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

    6.收藏夹图标
    <link rel = "Shortcut Icon" href="favicon.ico">

    所有的javascript的调用尽量采取外部调用.
    <SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

    附<body>标签：
    <body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">

    4:32 PM | Add a comment | Permalink | Blog it | WEB Study

    网页媒体播放器代码详解

    网页上的播放器我想大家都用过吧
         我只加入相关说明
         希望对大家有帮助(默认0为否,-1或1为是)

    程序代码： [ Copy ]  
    <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225">
        <param name="AudioStream" value="-1">
        <param name="AutoSize" value="-1">
        <!--是否自动调整播放大小-->
        <param name="AutoStart" value="-1">
        <!--是否自动播放-->
        <param name="AnimationAtStart" value="-1">
        <param name="AllowScan" value="-1">
        <param name="AllowChangeDisplaySize" value="-1">
        <param name="AutoRewind" value="0">
        <param name="Balance" value="0">
        <!--左右声道平衡,最左-9640,最右9640-->
        <param name="BaseURL" value>
        <param name="BufferingTime" value="15">
        <!--缓冲时间-->
        <param name="CaptioningID" value>
        <param name="ClickToPlay" value="-1">
        <param name="CursorType" value="0">
        <param name="CurrentPosition" value="0">
        <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
        <param name="CurrentMarker" value="0">
        <param name="DefaultFrame" value>
        <param name="DisplayBackColor" value="0">
        <param name="DisplayForeColor" value="16777215">
        <param name="DisplayMode" value="0">
        <param name="DisplaySize" value="0">
        <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
        <param name="Enabled" value="-1">
        <param name="EnableContextMenu" value="-1">
        <!-是否用右键弹出菜单控制-->
        <param name="EnablePositionControls" value="-1">
        <param name="EnableFullScreenControls" value="-1">
        <param name="EnableTracker" value="-1">
        <!--是否允许拉动播放进度条到任意地方播放-->
        <param name="Filename" value="http://01.wma" valuetype="ref">
        <!--播放的文件地址-->
        <param name="InvokeURLs" value="-1">
        <param name="Language" value="-1">
        <param name="Mute" value="0">
        <!--是否静音-->
        <param name="PlayCount" value="10">
        <!--重复播放次数,0为始终重复-->
        <param name="PreviewMode" value="-1">
        <param name="Rate" value="1">
        <!--播放速率控制,1为正常,允许小数-->
        <param name="SAMIStyle" value>
        <!--SAMI样式-->
        <param name="SAMILang" value>
        <!--SAMI语言-->
        <param name="SAMIFilename" value>
        <!--字幕ID-->
        <param name="SelectionStart" value="-1">
        <param name="SelectionEnd" value="-1">
        <param name="SendOpenStateChangeEvents" value="-1">
        <param name="SendWarningEvents" value="-1">
        <param name="SendErrorEvents" value="-1">
        <param name="SendKeyboardEvents" value="0">
        <param name="SendMouseClickEvents" value="0">
        <param name="SendMouseMoveEvents" value="0">
        <param name="SendPlayStateChangeEvents" value="-1">
        <param name="ShowCaptioning" value="0">
        <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
        <param name="ShowControls" value="-1">
        <!--是否显示控制,比如播放,停止,暂停-->
        <param name="ShowAudioControls" value="-1">
        <!--是否显示音量控制-->
        <param name="ShowDisplay" value="0">
        <!--显示节目信息,比如版权等-->
        <param name="ShowGotoBar" value="0">
        <!--是否启用上下文菜单-->
        <param name="ShowPositionControls" value="-1">
        <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
        <param name="ShowStatusBar" value="-1">
        <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
        <param name="ShowTracker" value="-1">
        <!--是否显示当前播放跟踪条,即当前的播放进度条-->
        <param name="TransparentAtStart" value="-1">
        <param name="VideoBorderWidth" value="0">
        <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
        <param name="VideoBorderColor" value="0">
        <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
        <param name="VideoBorder3D" value="0">
        <param name="Volume" value="0">
        <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
        <param name="WindowlessVideo" value="0">
        <!--如果是0可以允许全屏,否则只能在窗口中查看-->
    </object>


          上面的这个播放器是老式的那种,新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的.

          下面是新式播放器代码,相对以前的来说要简单很多:
    程序代码： [ Copy ]  
    <object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
        <param NAME="AutoStart" VALUE="-1">
        <!--是否自动播放-->
        <param NAME="Balance" VALUE="0">
        <!--调整左右声道平衡,同上面旧播放器代码-->
        <param name="enabled" value="-1">
        <!--播放器是否可人为控制-->
        <param NAME="EnableContextMenu" VALUE="-1">
        <!--是否启用上下文菜单-->
        <param NAME="url" VALUE="http://1.wma">
        <!--播放的文件地址-->
        <param NAME="PlayCount" VALUE="1">
        <!--播放次数控制,为整数-->
        <param name="rate" value="1">
        <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
        <param name="currentPosition" value="0">
        <!--控件设置:当前位置-->
        <param name="currentMarker" value="0">
        <!--控件设置:当前标记-->
        <param name="defaultFrame" value="">
        <!--显示默认框架-->
        <param name="invokeURLs" value="0">
        <!--脚本命令设置:是否调用URL-->
        <param name="baseURL" value="">
        <!--脚本命令设置:被调用的URL-->
        <param name="stretchToFit" value="0">
        <!--是否按比例伸展-->
        <param name="volume" value="50">
        <!--默认声音大小0%-100%,50则为50%-->
        <param name="mute" value="0">
        <!--是否静音-->
        <param name="uiMode" value="mini">
        <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
        <param name="windowlessVideo" value="0">
        <!--如果是0可以允许全屏,否则只能在窗口中查看-->
        <param name="fullScreen" value="0">
        <!--开始播放是否自动全屏-->
        <param name="enableErrorDialogs" value="-1">
        <!--是否启用错误提示报告-->
        <param name="SAMIStyle" value>
        <!--SAMI样式-->
        <param name="SAMILang" value>
        <!--SAMI语言-->
        <param name="SAMIFilename" value>
        <!--字幕ID-->
    </object>
     

          总的说来,前后两种播放器有相同的地方也有不同的地方,不过要根据你的实际需要来选择播放器.

    4:31 PM | Add a comment | Permalink | Blog it | WEB Study

    打开一个窗口后窗口自动最小化的实现

    新建一个WINMIN.HTM文件，添加如下代码：
    <!--最小化-->
    <OBJECT id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-

    00aa003b7a11">
    <PARAM name="Command" value="Minimize"></OBJECT>
    <button onclick="min.Click()"><font face="webdings">0</font></button>
    <!--最大化-->
    <OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-

    00aa003b7a11">
    <PARAM name="Command" value="Maximize"></OBJECT>
    <button onclick="max.Click()"><font face="webdings">1</font></button>
    <!--关闭窗口-->
    <OBJECT id="clo" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-

    00aa003b7a11">
    <PARAM name="Command" value="Close"></OBJECT>
    <button onclick="clo.Click()"><font face="webdings">r</font></button> 
    <!--3秒后窗口自动最小化-->
    <meta http-equiv="refresh" content="3;url=javascript:min.Click()">
    如果想让窗口一打开就最小化，你可以把<meta http-equiv="refresh" content="3;url=javascript:min.Click()">中的3改为0。

    4:30 PM | Add a comment | Permalink | Blog it | WEB Study

    禁止页面复制、保存等常用js命令

    <body onselectstart="return false">   取消选取、防止复制
    <noscript><iframe src=*.html></iframe></noscript>  网页将不能被另存为
    <link rel="Shortcut Icon" href="favicon.ico">   IE地址栏前换成自己的图标
    <link rel="Bookmark" href="favicon.ico">     可以在收藏夹中显示出你的图标

    模仿IE
    <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
    <param name="Command" value="Minimize"></object>
    <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
    <param name="Command" value="Maximize"></object>
    <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <PARAM NAME="Command" VALUE="Close"></OBJECT>
    <input type=button value=最小化 onclick=hh1.Click()>
    <input type=button value=最大化 onclick=hh2.Click()>
    <input type=button value=关闭 onclick=hh3.Click()>

    //前进后退的按钮
    <a href ="" onClick="parent.history.back(); return false;" 
      onMouseOver="self.status='后退' ;return true;">
    [back]</a> 
    <a href ="" onClick="parent.history.forward(); return false;" 
      onMouseOver="self.status='前进'; return true;">
    [next]</a>

    HTML和服务器端的控件都可以用
    onpaste="return false"      不准粘贴
    oncopy="return false；" oncut="return false；"        防止复制
    <input style="ime-mode:disabled">    关闭输入法

    //禁止鼠标右键
    <script language=JavaScript>
    <!--
    var message="";
    ///////////////////////////////////
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if 
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers) 
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    // --> 
    </script>

    弹出窗口
    <a href="#" onclick='Javascript:window.open("test.aspx","newwin","height=200,width=400,top=500,left=500 ,status=yes,toolbar=no,menubar=no,location=no")'>无地址栏的窗口</a>

    禁止输入特殊字符正则表达试：
    ^(?:[\u4e00-\u9fa5]*\w*\s*)+$

    过虑非法字符的函数：
     public string CheckStr(string str)
      { 
       str = str.Replace("<", "&lt;");
       str = str.Replace(">", "&gt;");
       str = str.Replace("'", "''");
       str = str.Replace(" ", "&nbsp;");
       str = str.Replace("\n", "<br/>");
       str = str.Replace("\r\n", "<br/>");
       str = str.Trim();
       return str;
      }

    4:28 PM | Add a comment | Permalink | Blog it | WEB Study