Web制作中的脚本技术应用
本文的目的只是力图对大量的基于脚本的技术名称和缩写词作一指点。去年，这些名称已作了一些改变。同样地，一些技术已由初始阶段发展得更为成熟和完善，有的则略微有了些改变，但却仍旧沿用原来的名称（因此现在看来有点混乱）。但是当你读完本文，所有事情都会清楚了。按顺序排列，请看下文：
Dynamic HTML (DHTML) DHTML Scriptlets XML XML Scriptlets IE 5.0 Behaviors HTML Components (HTC)
以上这些名称的范围较大，但都是可从Microsoft获得的典型的脚本类技术的名称。
动态HTML（Dynamic HTML）
因为动态HTML（Dynamic HTML）首次出现在Internet Explorer 4.0中,所以它是所有Microsoft脚本 技术的鼻祖。动态HTML（Dynamic HTML）也可归为“A”（代表Active），即现在使用的大量引擎、编程工 具和技术。
每个web页面都是标记、段落、表单、Windows中的表单元素、帧和表格等的有机组合，想到了 这一点，就会对文档对象模型（Document Object Model）有个粗略的认识。World Wide Web 代理 （W3C）对此所做的标准的说明详细地阐述了web页面中内容的层次及访问的路径。
DHTML是一个名称，它通常用于识别一种方式，即IE4，IE5 and Navigator4改变某种模式并用 它来确定当前Web页面的模式。关键是这些模式利用页面本身的代码支持动态的和脚本驱动的web页面的变化。这就为那些编写动态的和交互式应用程序的Web开发者开辟了一条新路。
编者按：当W3C发布DOM规则时，它希望两种主要浏览器（IE和Nav）的第五个版本都能按照这个 规则执行他们的DHTML。这样，尽管Nav5适合DOM而IE5不适合，web管理员也更容易创建两种浏览器都兼容的Web页面，而不是象目前这样在IE4/Nav4浏览器中要用不同的方式执行DHTML。
动态HTML脚本组件(DHTML Scriptlets)
DHTML支持在一个web页面中组织各种不同类型的内容以达到许多特殊效果，利用这些代码，还 可以在多个页面中重复使用这些内容和功能。在这个过程中，通常使用的是“剪切”和“粘贴”，但有时却不需做太多重复工作。
例如，粘贴SPANs & IMGs或TABLEs & anchors以创建一个全新的对象，该对象有预设功能和用 户化的参数，或许一个TABLE和the Remote Data Service ActiveX控制元能够使该对象以多种方式显示各项记录。它不是一个新的标记，也不是一个新的二进制ActiveX控件，而是一个基于HTML的可视组件：一个DHTML Scriptlet。
一个DHTML Scriptlet是一个HTML页面置入另一个HTML主页，该主页有一主体和一组脚本代码可 独立运作，它还可展示一些性能、方法和内容。一个DHTML Scriptlet通过OBJECT标记置入并由一个 简单的HTML文件提供。如果有用户界面，这种对象就能显示某些特殊功能。但它也可以成为一个简单的、不起眼的商业化对象。
最初被简单地称作脚本的组件如今已丧失了许多原有的价值且已不再受人青睐，但要创建组合 HTML控制权，只有用它才可能完成。如果需要一个特殊的可视的HTML组件，该组件是多种标记的组合，那么除了二进制ActiveX控件外，DHTML Scriptlets是唯一的选择。如果不考虑用户界面，或只想要提高单个元素的性能，那么就应该利用其它基于脚本的工具了。
XML
XML是eXtensible Markup Language的缩写，它可为Web应用程序提供一个新的开发范围。XML正成为 一种广泛地应用于在Web间交换数据的编程语言。值得推崇的是，它的结构与HTML相似但更为严谨。XML的重要性在于它是专用于创建新的脚本类的编程语言，这种脚本是由脚本代码组成的真的COM对象。
XML Scriptlets
如今，XML Scriptlets是一个令人困惑的问题，而它们的初始名Server Scriptlets则更另人费解。从Server到XML有一个很大的飞跃，但原来的名称更易于理解：
1、他们象服务器一样工作。
Internet越来越酷，WWW的知名度如日中天。在Internet上发布公司信息、进行电子商 务已经从时髦演化成时尚。作为一个Web Master，你可能对HTML、Javascript、Java、 ActiveX了如指掌，但你是否知道什么是Web Robot？你是否知道Web Robot和你所设 计的主页有什么关系？
Internet上的流浪汉--- Web Robot
有时你会莫名其妙地发现你的主页的内容在一个搜索引擎中被索引，即使你从未与他 们有过任何联系。其实这正是Web Robot的功劳。Web Robot其实是一些程序，它可以 穿越大量Internet网址的超文本结构，递归地检索网络站点所有的内容。这些程序有时 被叫 “蜘蛛（Spider）” ， “网上流浪汉（Web Wanderer）”，“网络蠕虫（web worms）”或Web crawler。一些Internet网上知名的搜索引擎站点（Search Engines）都 有专门的Web Robot程序来完成信息的采集，例如Lycos，Webcrawler，Altavista等，以 及中文搜索引擎站点例如北极星，网易，GOYOYO等。
Web Robot就象一个不速之客，不管你是否在意，它都会忠于自己主人的职责，任劳 任怨、不知疲倦地奔波于万维网的空间，当然也会光临你的主页，检索主页内容并生 成它所需要的记录格式。或许有的主页内容你乐于世人皆知，但有的内容你却不愿被 洞察、索引。难道你就只能任其“横行”于自己主页空间，能否指挥和控制Web Robot的行踪呢？答案当然是肯定的。只要你阅读了本篇的下文，就可以象一个交通 警察一样，布置下一个个路标，告诉Web Robot应该怎么去检索你的主页，哪些可以 检索，哪些不可以访问。
其实Web Robot能听懂你的话
不要以为Web Robot是毫无组织，毫无管束地乱跑。很多Web Robot软件给网络站点的 管理员或网页内容制作者提供了两种方法来限制Web Robot的行踪：
1、Robots Exclusion Protocol 协议
网络站点的管理员可以在站点上建立一个专门格式的文件，来指出站点上的哪一部分 可以被robot访问, 这个文件放在站点的根目录下，即http://.../robots.txt.
2、Robots META tag
一个网页作者可以使用专门的HTML META tag ，来指出某一个网页是否可以被索 引、分析或链接。
这些方法适合于大多数的Web Robot，至于是否在软件中实施了这些方法，还依赖于 Robot的开发者，并非可以保证对任何Robot都灵验。如果你迫切需要保护自己内容， 则应考虑采用诸如增加密码等其他保护方法。
使用Robots Exclusion Protocol协议
当Robot访问一个 Web 站点时，比如http://www.sti.net.cn/，它先去检查文件http: //www.sti.net.cn/robots.txt。如果这个文件存在，它便会按照这样的记录格式去分析：
User-agent: *
Disallow: /cgi-bin/
Disallow: /tmp/
Disallow: /~joe/
以确定它是否应该检索站点的文件。这些记录是专门给Web Robot看的，一般的浏览 者大概永远不会看到这个文件，所以千万不要异想天开地在里面加入形似<img src=http:///htmldata/2005-05-16/*> 类的HTML语句或是“How do you do? where are you from?”之类假情假意的问候语。
在一个站点上只能有一个 "/robots.txt" 文件，而且文件名的每个字母要求全部是小 写。在Robot的记录格式中每一个单独的"Disallow" 行表示你不希望Robot访问的URL， 每个URL必须单独占一行，不能出现 "Disallow: /cgi-bin/ /tmp/"这样的病句。同时在一个 记录中不能出现空行，这是因为空行是多个记录分割的标志。
User-agent行指出的是Robot或其他代理的名称。在User-agent行，'*' 表示一个特殊的含 义---所有的robot。
下面是几个robot.txt的例子：
在整个服务器上拒绝所有的robots：
User-agent: *
Disallow: /
在以IIS做web server时，有些中文名的文件会出现无法下载的情况。
个人测试结果：文件名为2个、4个中文字时无法下载，而1个、3个、5个时没有问题，其他情况未做测试。
测试环境：英文版windows 2000+IIS 5.0
有两种方法可以解决此问题：
1、在Web服务器端修改注册表，HKEY_LOCAL_MACHINESYSTEMCurrentControlSetservicesINETINFO_PARAMETERSFAVORDBCS 把1改成0，之后重新启动IIS即可。(如果此值已经是0，应该不会出现上述问题)
2、在客户端修改IE设置 把“总是以UTF-8发送URL”设置为不选中。（最好采用第一种方案，否则不会为每个访问者都去设置一下吧）
那什么是相对路径？什么是绝对路径呢？为什么使用了绝对路径有时就不能显示呢？让我们一起来认识一下它们吧。
比如C盘的My Pictures目录下有一个tp.jpg图像，那么它的路径就是c:My picturestp.jpg，其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg，它们的绝对路径是：
c:My picturesindex.htm
c:My picturestp.jpg
如果你使用了绝对路径c:My picturestp.jpg进行图片链接，那么在本地电脑中将一切正常，因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后，就不会正常了，因为服务器给你划分的存放空间可能在C盘其他目录中，也可能在D盘其他目录中，总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢？这里就必须使用相对路径了，所谓相对路径，顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My picturestp.jpg来定位文件，这样不论将这些文件放到哪里，只要它们的相对关系没有变，就不会出错。具体的链接方式是这样的：“..My picturesimg.jpg”，其中使用“..”来表示上一级目录，“....”表示上上级的目录，以此类推。
我们一起来看看初学的朋友可能犯的几个路径错误：
例1
c:mywedwedindex．htm
c:mywedimgtp．jpg
在此例中，index.htm网页中有tp.jpg这个图片，因为两个文件同在Mywed目录下，所以初学者可能把图片链接写为imgtp.jpg，那么这样实际的链接就变为了C:mywedwedimgtp.jpg，显然这是不正确的。正确的路径应该是相对路径..imgtp.jpg。
例2
c:mywedwedwed1index．htm
c:mywedimgimg1tp．jpg
在此例中，index.htm网页中有tp.jpg这个图片,初学者可能错误的把图片链接写为..imgimg1tp.jpg，那么这样转为绝对路径就是C:mywedwedimgimg1tp.jpg了，因为在该目录下并没有此文件，所以显然这种链接是错误的。正确的应该是....imgimg1tp.jpg。
例3
c:mywedwedwedindex．htm
c:mywedwedimgtp．jpg
在此例中，index.htm网页中有tp.jpg这个图片，初学者可能错误地把图片链接写为....imgtp.jpg，那么这样转为绝对路径就是C:mywedimgtp.jpg了，因为在该目录下并没有此文件，所以显然这种链接是错误的。正确的应该是..imgtp.jpg。
通过上面三个例子，我们可以看到网页与图片所在目录相同的部分都可以使用“..”进行代替。
有的读者可能会有这样的疑惑：一个网站有许多的链接，我怎么能保证它们的连接都正确，如果我调整了一下图片或网页的存储路径，那不是全乱了么？为了提高工作效率，我们推荐大家使用Dreamweaver进行网站编辑，因为它有个站点管理功能，使用该功能绝对路径可以自动地转化为相对路径，并且当你在站点中改动文件路径时，与这些文件关联的连接路径都会自动更改，实在是方便极了！
相关文章
- 本文为那些对学习 Windows PowerShell 命令行和脚本编写环境感兴趣的系统管理员提供了资源。也请告诉我们本网站如何才能对您更有用处。...2020-06-30
- 这篇文章主要介绍了Shell脚本中让进程休眠的方法,本文讲解的就是sleep的用法,可以实现睡觉若干秒、若干分钟、若干小时,需要的朋友可以参考下...2020-07-11
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
这篇文章主要介绍了 JavaScript 实现自己的安卓手机自动化工具脚本,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-05-14- 这篇文章主要介绍了自动设置安卓手机wifi代理的PowerShell脚本，帮助大家进行抓包测试，感兴趣的朋友可以了解下...2020-10-17
- 本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍，需要的朋友参考下...2020-06-25
- 这篇文章主要介绍了JS跨浏览器解析XML应用过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-10-16
- ps软件是现在很多人比较喜欢的，通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子，具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
- 有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法，学会了就能做自己美美的证件照了哈哈！ 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
vivo X9如何查出后台偷跑流量应用？vivo X9查出后台偷跑流量应用的方法
vivo X9如何查看后台流量偷跑的情况？小编教你轻松查到！还不了解的小伙伴快来看看吧！ 1）打开手机自带的【i管家】应用，打开后点击【流量监控】选项。（如下图） 2）接着选...2016-12-31- Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。本文我们来讲解Redis的应用场景实例。 C...2016-11-25
- 今天看到国外的一篇文章可以在cmd中运行95版本的ps1格式的批处理，但经过测试默认情况下powershell支不支持执行脚本需要执行如下操作...2020-06-30
PHP explode()函数的几个应用和implode()函数有什么区别
explode()函数介绍explode() 函数可以把字符串分割为数组。语法：explode(separator,string,limit)。 参数 描述 separator 必需。规定在哪里分割字符串。 string...2015-11-08- Libevent 是一个用C语言编写的、轻量级的开源高性能网络库，主要有以下几个亮点：事件驱动（ event-driven），高性能;轻量级，专注于网络，下文我们就一起来看PHP Libevent扩展安装...2016-11-25
- <? $a="变量的值将被带入"; echo <<< help <pre> php中echo <<< 的应用 虽然echo "...";可以断行，但若其中如出现"，则仍需做转义 处理。需写做： echo " ...2016-11-25
- 最近的一个项目中，需要将数据用日历方式显示，网上有很多的JS插件，后面为了自己能有更大的控制权，决定自己制作一个日历显示。如下图所示：一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据，年份与月份3、初始...2015-11-24
- 这篇文章主要介绍了Jmeter如何基于命令行运行jmx脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-22
- 弄懂shell程序，源代码，以及python脚本能够向运维开发方向走,shell程序能够管理集群，提高开发的效率,shell是命令解释器，调用系统内核，帮助你对内核的刷新认识...2021-09-06
- 1. PHP-GTK介绍 1.1 PHP-GTK PHP-GTK是PHP的延伸模组，它可以让程式设计师写出在客户端执行的、且独立的GUI的程式。这个模组不允许在浏览器上显视GTK+的程式，它一开始就...2016-11-25
- 本文我们将会学习一下在shell脚本中如何使用正则表达式，常用的shell正则表达式，当然重点还是如何在shell脚本中用正则表达式匹配IP及Email。 shell也可以使用正则分...2016-11-25
- ps软件使用对很多人来说是非常重要的，很多人还不知道使用ps怎么制作宣传单，下面文章就给大家介绍下ps怎么制作宣传单，喜欢次效果的一起来看看。。 首先，我们新建一个2...2017-07-06