JavaScript - 平稳退化-优快云博客

JavaScript使用window对象的open()方法来创建新的浏览器窗口。这个方法有三个参数：
window.open(url,name,features)
这三个参数都是可选的。
1.第一个参数是想在新窗口里打开的网页的URL地址。如果省略这个参数，屏幕上将弹出一个空白的浏览器窗口。
2.第二个参数是新窗口的名字。可以在代码里通过这个名字与新窗口进行通信。
3.最后一个参数是一个以逗号分隔的字符串，其内容是新窗口的各种属性。这些属性包括新窗口的尺寸（宽度和
高度）以及新窗口被启用或禁用的各种浏览功能（工具条、菜单条、初始显示位置，等等）。对于这个参数应该
掌握以下原则：新窗口的浏览功能要少而精。
open()方法是使用BOM的一个好案例，它的功能对文档的内容也无任何影响（那是DOM的地盘）。这个方法只
与浏览环境（具体到这个例子，就是window对象）有关。
下面这个函数是window.open()方法的一种典型应用：

function popUp(winURL)
{
window.open(winURL,"popup","width=320,height=480");
}

这个函数将打开一个320像素宽、480像素高的新窗口“popup”。因为我在这个函数里已为新窗口命名，所以当

把新的URL地址传递给此函数时，这个函数将把新窗口里的现有文档替换为新URL地址处的文档，而不是再去创建

一个新窗口。

"JavaScript："伪协议
调用popUp函数的一个办法是使用伪协议(pseudo-protocol)。
“真”协议用来在因特网上的计算机之间传输数据包，如HTTP协议(http://)、FTP协议(ftp://)等，伪协议则是一种非标准化的协议。"JavaScript:"伪协议让我们通过一个链接来调用JavaScript函数。
下面是通过"JavaScript:"伪协议调用popUp()函数的具体做法：
<a href="javascript:popUp('http://www.example.com/');">Example</a>
这条语句在支持"JavaScript:"伪协议的浏览器中运行正常，较老的浏览器则会去尝试打开那个链接但失败，支持这种伪协议但禁用了JavaScript功能的浏览器会什么也不做。
总之，在HTML文档里通过"JavaScript:"伪协议调用JavaScript代码的做法非常不好。
使用内嵌的事件处理函数
当在某个链接里用onclick事件处理函数去打开新窗口时，这个链接的href属性似乎没有什么用处——与这个链接有关的重要信息已经都包括在它的onclick属性里了。这也正是我们经常会看到如下所示的链接的原因：
<a href="#" οnclick="popUp('http://www.example.com/'); return false;">Example</a>
因为上面这条HTML指令里使用了return false语句，这个链接不会真的被打开。"#"符号是一个仅供文档内部使用的链接记号（单就这条指令而言，"#"是未指向任何目标的内部链接）。在某些浏览器里，"#"链接指向当前文档的开头。把href属性的值设置为"#"只是为了创建一个空连接。实际工作全部由onclick属性负责完成。
但是这个技巧与用"JavaScript:"伪协议调用JavaScript代码的做法同样糟糕，因为他们都不能平稳退化。如果用户已经禁用了浏览器的JavaScript功能，这样的链接将毫无用处。

具体到popUp()函数，为其中的JavaScript代码预留出退路很简单：在链接里把href属性设置为真是存在的URL地址，让它成为一个有效的链接，如下所示：
<a href="http://www.example.com/" οnclick="popUp('http://www.example.com'); return false;">Example</a>
因为URL地址出现了两次，上面这些代码显得有点冗长，我们可以利用JavaScript语言把它改写得简明一些。this可以用来代表任何一种当前元素，所以可以用this和getAttribute()方法提取出href属性的值，如下所示：
<a href="http://www.example.com/" οnclick="popUp(this.getAttribute('href'); return false;)">Example</a>
老实说，上面这条语句没有精简多少。当前链接的href属性还有一个更简明的引用办法——使用由DOM提供的this.href属性：
<a href="http://www.example.com/" οnclick="popUp(this.href; return false);">Example</a>
上面这段代码与href="javascript:..."或href="#"相比，这几种变体的效果要好得多。
所以，在把href属性设置为真是存在的URL地址后，即使JavaScript已被禁用（或遇到了搜索机），这个链接也是可用的。虽然这个链接在功能上打了点折扣（因为它没有打开一个新窗口），但他并没有彻底失效。这是一个经典的”平稳退化“的例子。

转载于:https://www.cnblogs.com/zhengfuheidao/p/6211572.html