平稳退化 前端

window.open()第一个参数为要链接到的url,第二个参数是新窗口的名字,可以在代码里通过这个名字与新窗口进行通信。
function popUp(url){
    window.open(url,"popup","width=320,height=460")
}

要想创建新的浏览器窗口,可使用伪元素JavaScript:,如下所示

<a href="javascript:popUp('http://www.example.com/')">Example</a>

调用只在支持伪元素的浏览器中有效,因此不推荐

替代性方案如下

<a href="#" onclick="popUp('http://www.example.com/');return false;">Example</a>

 

但是如果用户禁用了JavaScript,这种做法也毫无用处

平稳退化

<a href="http://www.example.com/" onclick="popUp(this.href);return false;">Example</a>
或者
<a href="http://www.example.com/" onclick="popUp(this.getAttribute("href");return false;">Example</a>

 

这样即使禁用了js,依然能实现相应的功能

 

posted @ 2017-06-10 15:06  绮梦璇玑  阅读(191)  评论(0编辑  收藏  举报