编写Javascript时的注意事项

2024-09-06 03:08

本文主要是介绍编写Javascript时的注意事项,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、预留退路
网站的访问者完全有可能使用的是不支持JavaScript的浏览器,有一些可能是浏览器不支持,或者是浏览器支持,但用户为了避免讨厌的弹出广告而仅用了。在这种情况下,就要保证,你的网站即使在所有的JavaScript都失效时,仍然能够正常访问。

使用伪协议是很不好的习惯

JavaScript 伪协议 (pseudo-protocol)

"javascript:" 伪协议让我们可以通过一个连接来调用JavaScript函数。

<a href="javascript:popUp('http://www.baidu.com/');"> call function by clicking a link </a>

使用内嵌事件处理函数同样也是很不好的习惯

内嵌的事件处理函数

<a href="###" onclick="popUp('http://www.baidu.com/') return false;"> call function by OnClick Event </a>


href属性是空的,这样一旦javascript失效了,这个链接就失效了。留退路的方法是:在href里面同样加上链接地址。

 

2、遵守循序渐进的规则

首先是设计网页的内容,DOM的结构,然后是添加样式css,其次是添加入Javascript。这样网页就具有很好的容错性,即使浏览器不支持javascript,甚至是css。都不会出现网页无法访问的情况。

 


3、向后兼容性

有些较老的浏览器虽然能够支持javascript,但可能无法完全理解DOM提供的方法和属性。

将执行代码放在一个if里面,做个判断。在javascript里几乎所有的东西都能够被当做对象来对待,使用if(method){},如果该方法存在,则返回true,否则返回false

if( document.getElementById ){ statements using getElementById
}

 

注意:如果判断true时,这样会增加语句的深度,即增加了嵌套的层数,如果将这个换成false,即无法执行就跳过,会比较好。

if( !document.getElementById ){ return false; }

最好在调用方法的时候都判断一下,以使得代码更强壮

4、onkeypress 函数的使用
如果没有特殊理由,最好不要使用onkeypress函数,因为使用onclick时,当使用Tab键将焦点移动到对象上按下Enter键时,同样能够触发事件,而添加了onkeypress 函数后,往往新增的问题会比解决的问题来得多。因为一旦使用onkeypress对当前的那个对象触发的事件返回为false的时候,那么键盘接下去任何的操作都会返回false,单靠键盘,你甚至无法离开当前选中的对象,相应的后果就是键盘失效了,那么单独使用键盘就无法浏览该网页了。

 l来自:http://www.cnblogs.com/luwei2/archive/2013/03/26/JavascriptAttention.html

这篇关于编写Javascript时的注意事项的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1140824

相关文章

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

SpringBoot日志级别与日志分组详解

《SpringBoot日志级别与日志分组详解》文章介绍了日志级别(ALL至OFF)及其作用,说明SpringBoot默认日志级别为INFO,可通过application.properties调整全局或... 目录日志级别1、级别内容2、调整日志级别调整默认日志级别调整指定类的日志级别项目开发过程中,利用日志

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有