javascript学习总结的js使用技巧

1如果浏览器不支持JavaScript怎么办？

A.为什么浏览器不支持？大多数浏览器都有禁用脚本的能力，比如chrome。

B.当js被禁用时，确保网页仍然可以实现其核心功能(关键用户需求)

示例：要在新窗口中打开链接，可以使用BOM的open()方法

函数popUp(WinURl){ window . open(WinURl，' Popup '，' width=，height=')；}具体的js实现有以下方案：

方案1:使用javascript伪协议：

a href=' JavaScript : Popup(' http://www . example.com ')；返回false'示例/a方案2:使用嵌入式事件处理功能：

a href=' # ' onclick=' Popup '(http://www . example.com ')；返回false'/a通过以上两种实现，当js被禁用时，就不能满足“在新窗口中打开链接”的要求。因此，不能为了使用js而滥用js。下面的实现方案为js预留了一个退路，也就是所谓的稳定降级(禁止js后保持退路)

方案3:稳定降级a href=' http://www . example.com ' onclick=' popup(this . href；返回false)'

如何从JavaScript脚本的动作中分离出网页的结构和内容？为什么要分开？

A.分工明确，各司其职，然后合作：

网页结构，内容-由html构成，网页样式-由CSS构成，网页行为-由JavaScript构成

B.分离js代码实际上非常简单。js代码不需要用html处理事件，但是可以将事件添加到外部js文件中html文档的元素中。例如：

window.onload=paperLinks函数paper links(){ var links=document . getelementsbytagname(' a ')；对于(var I=；ilinks.lengthI){ if(link[I]。getAttribute==' popup '){ linnks[I]。onclick=function(){ Popup(this . GetAttribute(' href '))；返回false}}} }3个浏览器兼容性问题

一切从旧到新，特别注意旧，即向后兼容。不同的浏览器对js的支持程度不同，例如

文件。getelementsbyclassname(class name)IE6不支持它。您可以通过添加一个check语句来检查兼容性问题。document . getelementsbyclassname)返回false

4性能考虑

为什么要考虑脚本执行的性能？性能始终是一个需要考虑的问题，关系到你写的网页能否流畅加载。

如何保证脚本执行的最优性能？

A.尝试访问dom并尽可能少地使用标签，例如，使用更少的循环来遍历

var links=document . getelementsbytagname(' a ')；if(links . length){ for(var I=；ilinks.lengthI) {//.}}优于以下代码

if(document . getelementsbytagname(' a ')。length){ var links=document . getelementsbytagname(' a ')；对于(var I=；ilinks.lengthI) {//.}} B .合并脚本(js代码)以减少页面加载时发送的请求数；将脚本标签放在文档的末尾，在/body的末尾之前，这样可以在不影响js加载的情况下，让页面加载更快。

C.压缩脚本，删除js代码中不必要的空格和注释，甚至简化变量名。可以准备两个版本的js:一个是用于修改代码和注释的工作版本，另一个是用于发布的简化版本。

Javascript对象

以上内容就是本文给大家介绍的js使用技巧的javascript学习总结，希望大家喜欢。