加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

9 条 JavaScript 开拓最佳实践

发布时间:2018-09-13 04:21:31 所属栏目:创业 来源:站长网
导读:1、行使正确的 script 标签 假如你必要在 html 文档中行使一些 Java Script 代码,你该当凡是会行使如下的 script 标签: script type=text/javascript //insert your code here /script可是在源代码中,以下这种标签写法四处可见: script type=text/java

1、行使正确的 <script> 标签
假如你必要在 html 文档中行使一些 JavaScript 代码,你该当凡是会行使如下的 <script> 标签:

<script type="text/javascript">
//insert your code here
</script>可是在源代码中,以下这种标签写法四处可见:

<script type="text/javascript" language="javascript">
//insert your code here
</script>在 HTML 中,language 属性已颠末期,由于具有 type 属性后,language 它是冗余的。不要再这样写了……

究竟上,客户端默以为将 JavaScript 代码指定 type=”text/javascript” 属性,除非必要 type=”application/x-javascript” 这样的范例,不然完全没有须要写 type 属性。关于 JavaScript MIME 范例,这里有一篇参考文档:http://krijnhoetmer.nl/stuff/javascript/mime-types/

2、将代码安排于外部文件
行使外部 .js 文档比在 html 文档里直接写 JavaScript 代码要简捷一些,同时也使得 JS 文件可以被缓存,担保网站资源的快速会见。

将你的 JavaScript 代码置于一个 .js 文档中,然后在 html 文档中行使 <script> 标签来引入它:

<script src="http://www.mangguo.org/myscript.js"></script>3、停止行使 HTML 注释包裹代码
90 年月一些很是迂腐的赏识器无法执行 JavaScript 代码。为了防备这些赏识器呈现不须要的功效。在 1994 年至 1997 年间,在 HTML 中行使注释包裹 JavaScript 代码是精采的兼容方案,以担保不支持 JavaScript 的赏识器可以或许忽略它。

这里是一个简朴案例:

<script language="JavaScript">
<!--
//insert your code here
//-->
</script>然而在 2010 年,全部的赏识器(乃至是可爱的 IE 6)都能表明 JavaScript 代码,因此绝对没有行使注释包裹 JS 代码的须要了。更糟的是,假如代码被 HTML 注释包裹,而且行使了 — 标记,赏识器也许会误觉得 HTML 文档已经竣事。

4、行使框架
除非你的 JavaScript 代码很短可能很简朴,你应该通过框架来停止过多代码上的一再劳动。在我看来,jQuery 是最好的,有一个很棒的社区,以是值得实行。

芒果语:着实 YUI 也很棒,体系、强盛、完美、稳妥。更有牛逼叉叉的 Loader 机制,更高效地进步 Web 应用的机能。

5、行使 var 要害字声明变量
你该当行使 var 语句来声明变量,不然变量会存在于全局浸染域内,而且行使 var 使得代码可读易懂。

好比下面的案例:

var name = "Jean";
var size = data.length;之前在 JavaScript 中的工具引用机制 的评述中也有涉及变量浸染域的题目。

6、保持代码的疏散
几年前,当一个措施员想要为一个 HTML 元素添加变乱时(好比说,你想要在用户输入时验证时刻信息),他会行使非凡的属性把 JavaScript 代码安排于 html 中,好比 onblur、onchange,onclick 等等。好比:

<input type="text" name="date" onchange="validateDate()" />固然照样可行,但却很不简捷。HTML 该当只包括文档的布局层面,就犹如行使内联 CSS 是欠好的做法一样,内联 JavaScript 同样不行取。

取而代之,下面的代码怎样?行使 jQuery 也很简朴:

$(document).ready(function(){
$('input[name=date]').bind('change', validateDate);
});7、在文档底部包括剧本文件
不久早年,在 <head> 和 </head> 标签之间插入剧本文件一度成为最佳实践。但赏识器是次序理会文档,并动态加载外部文件的。这就意味着在页面头部插入剧本会在布置在页面内容之前加载。

为了在内容停当之后再加载剧本,JavaScript 文件应该在文档底部被包括。就像下面这样:

<script src="myscript.js?"></script>
</body>
</html>8、行使 JSLint
JSLint 是一款用于 JavaScript 源代码搜查的应用措施。假如它发明 JS 中存在某些题目,就会返回相干的题目描写信息和或许的办理方案。
JSLint 能有用发明代码中的缺陷,可能说代码气魄威风凛凛上值得改造之处。这个站点是 JavaScript 开拓绝对值得保藏的。

9、不要等闲行使 document.write

陈旧的 document.write 要领已经被不同意行使了好些年,然而这如故是不停行使的要领。

document.write("hello world");该当行使 DOM 的 innerHTML 属性在页面中插入文本。

document.getElementById('hello').innerHTML = 'hello world';

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读