当前位置：首页 > 资讯 > 技术文档

JavaScript 应用技巧集合[推荐]

时间：2021-07-14 17:12 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript 应用技巧集合[推荐]

[b]转化为Boolean类型[/b] 所有JavaScript中的值都能隐式的转化为Boolean类型，比如：

[url=http://blog.morrisjohns.com/javascript_closures_for_dummies]参考文章[/url] [b]私有变量[/b] 我们经常使用命名规范来标示一个变量是否为私有变量（最常用来标示）：

[url=http://xkr.us/articles/javascript/unary-add/]参考文章[/url] [b]encodeURI和encodeURIComponent[/b] window.encodeURI函数用来编码一个URL，但是不会对以下字符进行编码：“:”, “/”, “;”, “?”. window.encodeURIComponent则会对上述字符进行编码。我们通过一个例子来说明：

[u]复制代码[/u] 代码如下:

 'index.jsp?page='+encodeURI('/page/home.jsp'); // "index.jsp?page=/page/home.jsp" 'index.jsp?page='+encodeURIComponent('/page/home.jsp'); // "index.jsp?page=%2Fpage%2Fhome.jsp" 

因此，在对URL进行编码时我们经常会选择 encodeURIComponent。 [b]table.innerHTML在IE下是只读属性[/b] 我们经常通过节点的[i]innerHTML[/i]属性来填充节点，比如：

[u]复制代码[/u] 代码如下:

[u]复制代码[/u] 代码如下:

document.getElementById('container1').innerHTML = "Hello World!";

但是在IE下设置[i]table.innerHTML[/i]将会导致错误：

[u]复制代码[/u] 代码如下:

[u]复制代码[/u] 代码如下:

 // works well in Firefox, but fail to work in IE document.getElementById('table1').innerHTML = "<tr><td>Hello</td><td>World!</td></tr>"; 

实际上，table, thead, tr, select等元素的innerHTML属性在IE下都是只读的。那么如果动态的创建一个table呢，下面提供了一种可行的方法：

[u]复制代码[/u] 代码如下:

[u]复制代码[/u] 代码如下:

 document.getElementById('table1').innerHTML = "<table><tr><td>Hello</td><td>World!</td></tr></table>"; 

[b]0.1+0.2 != 0.3[/b] JavaScript将小数作为浮点数对待，所以可能会产生一些四舍五入的错误，比如：

[u]复制代码[/u] 代码如下:

0.1 + 0.2; // 0.30000000000000004

你可以通过toFixed方法指定四舍五入的小数位数：

[u]复制代码[/u] 代码如下:

(0.1 + 0.2).toFixed(); // "0" (0.1 + 0.2).toFixed(1); // "0.3"

全部评论(0)

上一篇：JavaScript模板引擎用法实例
下一篇：手把手教你搭建ES6的开发运行环境

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部