JavaScript – 第3页 – PHPor 的Blog

js编码之 encodeURIComponent

6,486

9月 212011

js 对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

例如：<script language="javascript">document.write(‘<a href="http://passport.baidu.com/?logout&aid=7& u=’+encodeURIComponent("http://cang.baidu.com/bruce42")+’">退出</a& amp; gt;’);</script>

2、进行url跳转时可以整体使用encodeURI

例如：Location.href="/encodeURI"("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape

例如：搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， ‘，(，)，*，-，.，_，~，0-9，a-z，A-Z

原文链接：https://phpor.net/blog/post/910

js 中扩展对象的两种写法

JavaScript No Responses »

3,102

6月 072011

(function(me){ // 这种方法参数写什么都行，只是不要覆盖全局的那个你不想覆盖的变量就行
var a,b,c;
me.ext_func = function(){…};
})(obj);

或
(function(){ // 这种方法，里面使用this就行了
var a, b, c;
this.ext_func = function() {…};
}).call(obj);

原文链接：https://phpor.net/blog/post/835

IE中的input标签的type属性只能写一次

JavaScript No Responses »

11,736

4月 152011

include("jQuery");
// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type=’checkbox’>");

原文链接：https://phpor.net/blog/post/825

关于js正则表达式的一点注意

JavaScript No Responses »

2,348

4月 102011

js中创建正则表达式对象有两种方法：

var reg = /pattern/;
var reg = new RegExp(‘pattern’)

如果 pattern是动态构造出来的，则第一种方式就不行了，如：
var reg = "/" + a_value + "/";
这个reg是字符串，不是正则表达式对象。这时候就需要使用第二种方式了。

使用第二种方式的时候也要注意，不要收第一种方式的影响，也不要受PHP中写法的影响，注意：
第二种方式创建的时候是不能有前后的反斜线的; // 这篇文章就说了这一句有用的话
参考资料：
http://www.cainiao8.com/web/js_note/js_regular_expression.html

原文链接：https://phpor.net/blog/post/816

IE6下动态加载JS数据不执行的诡异问题

JavaScript No Responses »

2,840

3月 092011

相关资料： http://www.javaeye.com/topic/543572
在 gzip的前提下：
如果 Cache-Control: no-cache, no-store

就不能运行

如果 Cache-Control: no-cache

就能运行

是no-store的问题吧？其实，把no-store去掉，添加别的关键字，如

原文链接：https://phpor.net/blog/post/797

Facebook’s Javascript Speed-Up

JavaScript No Responses »

2,225

3月 052011

http://ajaxian.com/archives/facebook-javascript-jsconf

http://www.bumao.com/index.php/2010/11/about-facebook-bigpipe.html

http://www.infoq.com/cn/news/2010/08/bigpipe-facebook-optimize

原文链接：https://phpor.net/blog/post/794

javascript 之 void

JavaScript No Responses »

3,071

9月 172010

Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。<br /><br />void 操作符用法格式如下：<br />1. javascript:void (expression)<br />2. javascript:void expression<br /><br />expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本&nbsp;&nbsp; Navigator 3.0&nbsp;&nbsp; )<br /><br />你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。<br /><br />下面的代码创建了一个超级链接，当用户以后不会发生任何事。当用户链接时，void(0) 计算为 0，但 Javascript 上没有任何效果。<br /><br />&lt;A HREF=&quot;javascript:void(0)&quot;&gt;单此处什么也不会发生&lt;/A&gt;<br /><br />下面的代码创建了一个超级链接，用户单时会提交表单。<br />&lt;A HREF=&quot;javascript:void(document.form.submit())&quot;&gt;<br />单此处提交表单&lt;/A&gt;<br />a href=#与 a href=javascript:void(0) 的区别 链接的几种办法<br /><br />#包含了一个位置信息<br /><br />默认的锚是#top 也就是网页的上端<br /><br />而javascript:void(0)&nbsp;&nbsp; 仅仅表示一个死链接<br /><br />这就是为什么有的时候页面很长浏览链接明明是#是<br /><br />跳动到了页首<br /><br />而javascript:void(0) 则不是如此<br /><br />所以调用脚本的时候最好用void(0)<br /><br />或者&lt;input onclick&gt;<br /><br />&lt;div onclick&gt;等<br /><br />链接的几种办法<br />1.window.open('url')<br /><br />2.用自定义函数<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function openWin(tag,obj)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; obj.target=&quot;_blank&quot;;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; obj.href = &quot;Web/Substation/Substation.aspx?stationno=&quot;+tag;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; obj.click();<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/script&gt;<br /><br />&lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;openWin(3,this)&quot;&gt;株洲&lt;/a&gt;<br /><br /><br />window.location.href=&quot;&quot;

Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下： 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本   Navigator 3.0   ) 你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。 下面的代码创建了一个超级链接，当用户以后不会发生任何事。当用户链接时，void(0) 计算为 0，但 Javascript 上没有任何效果。 <A HREF="javascript:void(0)">单此处什么也不会发生</A> 下面的代码创建了一个超级链接，用户单时会提交表单。 <A HREF="javascript:void(document.form.submit())"> 单此处提交表单</A> a href=#与 a href=javascript:void(0) 的区别链接的几种办法 #包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0)   仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#是 跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等 链接的几种办法 1.window.open('url') 2.用自定义函数          <script>          function openWin(tag,obj)          {              obj.target="_blank";              obj.href = "Web/Substation/Substation.aspx?stationno="+tag;              obj.click();          }         </script> <a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a> window.location.href=""

原文链接：https://phpor.net/blog/post/731