[读书笔记]javascript编程艺术——CH5 javascript编程原则和良好习惯

最新推荐文章于 2022-10-11 16:11:07 发布

原创最新推荐文章于 2022-10-11 16:11:07 发布 · 577 阅读

CC 4.0 BY-SA版权

3 篇文章

订阅专栏

本文探讨了网页中使用弹窗的多种方法及其影响，推荐了一种更佳的做法，并讨论了如何确保旧版浏览器的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">1、预留后路</span>

需要保证如果浏览器禁用了javascript，也能够顺利浏览网页，只是Javascript的一些效果无法实现。

假设我们需要做一个弹窗的工作

function popUp(winURL) {
   vindow.open(winURL, "popup","windth=320");
}

*应该避免做弹窗，弹窗会影响网页的可访问性，并且可能弹出窗被用户禁止，如果网页真的需要做弹出窗，最好在这个链接本身的文字中予以说明。

winURL,为弹窗内容链接，popup为弹窗的名字，最后为窗口属性的配置。

一般我们使用这个函数有以下几种方法：

1）“javascript:”伪协议

*“真”协议特指用来在因特网上的两台计算机之间传输数据包的标准化通信机制。（通信协议）

具体实现方法：<a href="javascript:popUp('http://www.example.com/');">Excample</a>

这句语句仅在支持javascript伪协议和启用了javascript的浏览器中才可以使用。这种做法很不好。

2）内嵌的事件处理函数

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

"#"表示创建一个空链接，一旦浏览器中禁用了JS，一样会失效，网页到这个位置就无法继续执行下去。

3）推荐做法：模仿CSS，在外部js文件中定义js，然后引入到html中。即使浏览器禁用了JS，也不影响网页的呈现，只是JS的功能无法实现，同时更有助于网页的分工。

分离出的javascript可以通过类似CSS的方式，利用class或者id属性来解决。

2、向后兼容性

一些老的浏览器无法支持所有的Javascript，尤其是DOM的某些方法无法使用。针对这个问题，在Js引用DOM方法前，可以加判断，“如果你不理解这个方法，请离开”，这个的实现方法通过if (!getElementById) return false;，return false 则是中断方法的执行

一般还有一种方法是“如果你理解这个方法，就执行”，但这样会使得方法不得不套在一对判断括号里，影响代码的简洁性。

这种方法帮助老的浏览器也可以兼容新的javascript方法和DOM方法，因此提供了向后兼容性。