5.4.1 转向JavaScript(1)


5.4.1 转向JavaScript


简而言之,JavaScript是一种客户端的脚本语言。JavaScript(或简写为JS)是一种在Web


与用link元素包含外部CSS文件类似,在这里用script元素引用一个外部JavaScript文件。在这个JavaScript文件的第一行将开启CSS切换器。如果说JavaScript语法有点难懂,那么不必担心。我们将略微分析一些被突出显示的部分。






 

在这一小段代码中有两个JavaScript函数:activeCSS( )和 findWord( ),它们主要完成一些具体的功能。每个函数包含一系列送给浏览器处理的指令。例如,在调用activeCSS( )时将完成下列功能。


(1) 给函数传递一个参数(或变量),这个参数表示要“激活”的样式表标题。


(2) 该函数获取到一个包含文档中所有link元素的列表(document.getElements ByTagName("link")),并对这个列表进行遍历,检测链接的标题是否与函数的参数匹配。


(3) 当找到一个匹配时,就对其rel属性进行检测看是否出现单词stylesheet。在这里用函数findWord( )对rel进行全字匹配搜索。这意味着,如果有人在一个link元素中偶然输入rel="stylesheets"或类似的错误,这些链接将被忽略。


(4) 满足第二步标准的每一链接都被设置为非激活的(oneLink.disabled = true;)。


不可否认,这是对JavaScript函数语法的一点点注释。JavaScript是一个健壮的并值得学习的语言,但在此不能介绍它的精妙之处而不得不回到CSS的主题。但前述的程序清单说明了一些在上述代码中起作用的高级概念,也为有兴趣进一步研究JavaScript优美语法的朋友提供了一个良好的起点。


我们仅仅研究在单击某个链接时会发生的情况。假定用户选择第三个锚,即包含activeCSS('Gratuitous CSS')引用的onclick处理程序。


(1) 三个link元素被编译到一个数组,函数循环处理每一个link元素。记住,只检查包含title属性且rel属性含stylesheet的link元素。因此删除了contrast.css和hot.css。


(2) 第一个link元素的标题为Higher Contrast。该函数把这个link元素置为非激活的,且一直保持为非激活状态,因为它的标题与函数的参数(Gratuitous CSS)不匹配。


(3) 第二个link元素的标题为Gratuitous CSS。该函数先把它置为非激活的,但由于它的标题与函数参数匹配,又被重新激活。




标签:
友情链接
轻松育儿世界奇观
苏ICP备16066217号-2