JavaScript第五章:平稳退化

1.平稳退化

   平稳退化:如果正确地使用了JavaScript脚本,就可以让访问者的浏览器不支持JavaScript的情况,仍能顺利地浏览你的网站。

   注意:应该只在绝对必要的情况才使用弹出窗口。

   

   创建新的浏览窗口:使用window对象的open()方法。

                                       open()方法是使用BOM的一个好案例,它的功能对文档的内容也无任何影响。这个方法只与浏览环境有关

window.open(url,name,feature);
//url是新窗口里打开的网页的url地址
//name是新窗口的名字
//feature是新窗口的各种属性。设置各种属性的原则是新窗口的浏览功能要少而精
function popUp(winURL){
    window.open(winURL,"popup","width=320,height=480");
}
//我在这个函数里已对新窗口命名
//所以当新的url地址传递给这个函数时,这个函数将把新窗口里的现有文档替换成新url地址处的文档,而不是创建一个新窗口

   上述函数不会对网页的可访问性有任何影响,会影响到网页的是:我将如何使用这个函数。

   调用popUp函数的一个方法是使用伪协议。

 

2.“javascript:”伪协议

       伪协议:是一种非标准化的协议。

       “javascript:”伪协议:让我们可以通过一个链接去调用JavaScript函数。

       下述语句在支持javascript伪协议的浏览器中运行正常,较老的浏览器则会尝试打开这个链接但失败。

       总之,在HTML文档里通过“javascript:”伪协议调用JavaScript代码的做法非常不好。

<a href="javascript:popUp('http://wwww.example.com/');">Example</a>
<-- 通过javascript伪协议调用popUp函数的具体做法 -->

3.内嵌的事件处理函数

     回忆一下,我们在第四章中曾经使用onclick事件处理函数作为属性嵌入在<a>标签,这个处理函数将在onclick事件发生时调用图片切换函数。

    同样地,我们可以将它调用popUp函数。

<a href='#' onclick="popUp('http://wwww.example.com/'); return false;">Example</a>
//这里的href属性没有什么作用,因为与链接有关的重要信息都包含在onclick属性中。
//因为使用了return false语句,这个链接不会真正地打开

    #:是一个供文档内部使用的链接记号。在这条指令中,表示未指向任何目标的内部链接。

    这个技巧依然很糟糕,因为它们都不能实现平稳退化。如果用户已经禁用了JavaScript功能,这样的链接毫无用处。

4.谁关心这个

     想象一下,我们的用户为搜索机器人,它们浏览Web的目的是把网页的添加到搜索引擎里的数据库。然而,目前只有极少的搜索机器人能理解JavaScript代码。所以,如果你的JavaScript网页不能平稳退化,它们在搜索引擎上的排名就可能大受损害。

//把href属性设置为真实存在的url地址后,即使JavaScript已被禁用,这个链接依然可用
<a href="http://wwww.example.com/" onclick="popUp(this.href);return false;"
>Example</a>

    这个方法的不足之处:每当需要打开新窗口时,就不得不把一些JavaScript嵌入标记文件中。

    如果能把包含事件处理函数在内的所有JavaScript代码全部放在外部文件中,这个技巧将更加完善。

猜你喜欢

转载自blog.csdn.net/rachel9798/article/details/82796896