风火家人开发记要

技术总结精华贴

Category: Javascript

Javascript, 原创

如何使用 Grease Monkey 创建自定义用户脚本代码Grease Monkey Custom code

如何使用 Grease Monkey 创建自定义用户脚本代码 Grease Monkey 是做什么的? • 调整Gmail让Google Reader内嵌,因而提供RSS新闻订阅的选项。 • 当线上浏览某本书时同时显示对手网站同本书价钱。 • 去除来自某些站的广告,包括弹出视窗与Google文字广告。 • 改变网页的版面,包括原本该网页作者未考虑到的元素大小与浏览器画面大小。 • 自动完成表单。 • 浏览某些布告栏网站自动过滤特定的发帖人。 • 增删网页上的某些功能。 • 让使用者从某些视频站点如Google Video以及YouTube存下FLV视频档案。 • 从现行网页找寻任何RSS新闻订阅,并将它们显示在可扩展、漂浮于网页上的面板里。 下面我来写个简单的Grease Monkey 自定义代码 1. 启用Grease Monkey; 2. 新建用户脚本; 3. 填写名字,命名空间,描述,应用到的网页 4. 填写好上面信息点击确认就会弹出,请先选择您喜欢用的文本编辑器,您可以使用editplus,Notepad,Dreamweaver等等 5. 打开后您会看到一些注释信息,这些信息就是我们刚才配置的内容 例子: // ==UserScript== // @name abc // @namespace www.google.com.hk // @description abc // @include http://www.google.com.hk // ==/UserScript== 6. 下面就可以自定义脚本了, 很多人喜欢使用jquery,如果你也想用jquery来做,来加个判断把 下面的代码是参考12306的脚本来做的, function withjQuery(callback, safe){ if(typeof(jQuery) == “undefined”) { var script = document.createElement(“script”); script.type = “text/javascript”; script.src = “https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”; if(safe) { var cb = document.createElement(“script”); cb.type = “text/javascript”; cb.textContent = “jQuery.noConflict();(” + callback.toString() + “)(jQuery, window);”; script.addEventListener(‘load’, function() { document.head.appendChild(cb); }); } else { var dollar = undefined; if(typeof($) != “undefined”) dollar = $; script.addEventListener(‘load’, function() { jQuery.noConflict(); $ = dollar; callback(jQuery, window); }); } document.head.appendChild(script); } else { setTimeout(function() { //Firefox supports callback(jQuery, typeof unsafeWindow === “undefined” ? window : unsafeWindow); }, 30); } } 使用的时候呢 withjQuery(function($, window){ //这里填写你使用的代码吧 }, true); 在来一个我们在使用jquery的时候跟网站上本身的jquery冲突的方法 (function(){ //这里将jquery的代码直接粘贴过来(比如 jquery-1.7.1的代码), //接下来是你自己的代码(记得使用jQuery(),而不是 $()) })(); 好了,这样就可以完成,您可以使用hello world 来看是否执行哦, 希望能对您有所帮助如何使用 Grease Monkey 创建自定义用户脚本代码 How to use Grease Monkey to create custom user script code What is Grease Monkey ? • adjust Gmail, Google Reader embedded, thus providing the option of the RSS news feed. • when browsing

查看全文
Javascript, 转载

【转载】正则表达式匹配标点符号

正则表达式匹配标点符号 <?php:,./;’,。、‘:“《》?~!@#¥%……()”; preg_replace(“~(\s+|[\\pP])~i”,“-”,$value); ?> 面是实例,简单的说就是 [\\pP] 这几个字符串了,可以匹配任何全角或半角的标点符号,参考上面的例子可以得出结果。Unicode 编码并不只是为某个字符简单定义了一个编码,而且还将其进行了归类。 \pP 其中的小写 p 是 property 的意思,表示 Unicode 属性,用于 Unicode 正表达式的前缀。 大写 P 表示 Unicode 字符集七个字符属性之一:标点字符。 其他六个是 L:字母; M:标记符号(一般不会单独出现); Z:分隔符(比如空格、换行等); S:符号(比如数学符号、货币符号等); N:数字(比如阿拉伯数字、罗马数字等); C:其他字符 摘自:令狐葱@关注互联网 (506)

查看全文
Javascript, 原创

IE6,IE7 Js设置margin无效,解决方法IE6 IE7 Js set margin donot work resolution

如果你遇到的问题跟我一样:IE6,IE7设置margin 调试发现margin有变化,但在这两个下面显示效果无变化。调试返回页面出现Source code is not available for this location。 这个经过多次测试,以及网络资料发现,在设置这个margin的元素上面增加一个样式zoom:1。发现IE6,IE7便可以运行正常。If you have this problem as mine: IE6,IE7 set margin but donot work. debug found that “Source code is not available for this location”. I test it a lot and found that , add this css  “zoom:1;” to that   element , and It works.   (2286)

查看全文