从多个地方加载同一个JavaScript库,避免加载问题造成内容出错

这个时代几乎没有几个网站不使用JavaScript了——即使的确有些网站提供了无脚本内容,绝大部分RIA还是需要有脚本支持才能使用的。
但是万一脚本在加载的过程中出问题了怎么办?
如果最基本的脚本库没能正常加载,那整个页面就没法看了。
对这种加载失败的问题,有一种比较容易使用的方法是判断加载的外部脚本是不是已经正常初始化,如果没有正常初始化则重新加载。
判断的方法一般是这样(以jQuery为例): (全文…)

常用10个JavaScript小技巧

尽管我使用Javascript来做开发有很多年了,但它常有一些让我很惊讶的小特性。对于我来说,Javascript是需要持续不断的学习的。在这篇文章中,我将列出10个Javascript使用小技巧,主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。
1.变量转换
看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法。始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高。 (全文…)

WordPress插件Js 技巧:全站简繁转换简体转繁体 Js下载

大家基本上都是用中文写博客,我们也知道国内用的是简体中文,而港台澳和其他海外的华人用的是正体中文,也就是我们所说的繁体字。严格地说简体中文是繁体中文的阉割版,因为它是在繁体中文的基础上简化而来的。细心一点分析我们的统计就会发现,我们的读者不仅仅限于国内朋友,还有很多来自港台澳和国外的华人朋友也通过各种渠道来到我们的博客。
简体字经过几十年的发展,已经深入到国内的每一个行业。但是很明显,简体字对于这些朋友来说很陌生,比较形象的说法是“缺胳膊少腿”。
上网的时候我们会发现很多网站都有繁体版本,通过导航栏上的一个按钮就可以把网页上的文字从简体中文变成繁体中文。很多主机商也提供类似于“简繁通”之类的产品,当然,是需要收费的。
那么,怎么让我们的博客不用花钱也能支持简繁转换呢?
我们看到国内的很多博客用户都在自己的主页上添加了Google的翻译挂件,通过简单的设置让Google来为我们把网页从简体中文翻译成繁体中文或英语。而我介绍的这个简繁转换,是通过js的方式实现的。下面我就以WordPress为例说明一下:

大家基本上都是用中文写博客,我们也知道国内用的是简体中文,而港台澳和其他海外的华人用的是正体中文,也就是我们所说的繁体字。严格地说简体中文是繁体中文的阉割版,因为它是在繁体中文的基础上简化而来的。细心一点分析我们的统计就会发现,我们的读者不仅仅限于国内朋友,还有很多来自港台澳和国外的华人朋友也通过各种渠道来到我们的博客。简体字经过几十年的发展,已经深入到国内的每一个行业。但是很明显,简体字对于这些朋友来说很陌生,比较形象的说法是“缺胳膊少腿”。
上网的时候我们会发现很多网站都有繁体版本,通过导航栏上的一个按钮就可以把网页上的文字从简体中文变成繁体中文。很多主机商也提供类似于“简繁通”之类的产品,当然,是需要收费的。那么,怎么让我们的博客不用花钱也能支持简繁转换呢?
我们看到国内的很多博客用户都在自己的主页上添加了Google的翻译挂件,通过简单的设置让Google来为我们把网页从简体中文翻译成繁体中文或英语。而我介绍的这个简繁转换,是通过js的方式实现的。下面我就以WordPress为例说明一下:
(全文…)

利用 javascript 过滤 html 等标签 正则表达式

过滤html标签函数,这个函数是过滤整个 code 标签内的 html :

function setContent() {
var obj = document.getElementById(‘code’);
obj.value = obj.value.replace(/<\/?[^>]*>/g,”); //去除HTML tag
obj.value = obj.value.replace(/[ | ]*\n/g,’\n’); //去除行尾空白
//obj.value = obj.value.replace(/\n[\s| | ]*\r/g,’\n’); //去除多余空行
//alert(obj.value);
}

我稍加修改了一下,过滤一个字符串中的html标记:

function setContent(str) {
str = str.replace(/<\/?[^>]*>/g,”); //去除HTML tag
str.value = str.replace(/[ | ]*\n/g,’\n’); //去除行尾空白
//str = str.replace(/\n[\s| | ]*\r/g,’\n’); //去除多余空行
return str;
}

javascript 实现replaceAll方法功能

JavaScript中只有replace方法,并不提供replaceAll方法,再此只能自己写replaceAll方法了。

String.prototype.replaceAll  = function(s1,s2){
return this.replace(new RegExp(s1,”gm”),s2);
}

或者使用

str.replace(new RegExp(s1,”gm”),s2);

(全文…)

JQuery获取和设置Select选项方法

JQuery获取和设置Select选项

获取Select :

获取select 选中的 text :

$(“#ddlRegType”).find(“option:selected”).text();

获取select选中的 value:

$(“#ddlRegType “).val();

获取select选中的索引:

$(“#ddlRegType “).get(0).selectedIndex;

设置select:

设置select 选中的索引:

$(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值

设置select 选中的value:

$(“#ddlRegType “).attr(“value”,”Normal“);

$(“#ddlRegType “).val(“Normal”);

$(“#ddlRegType “).get(0).value = value;

设置select 选中的text:

var count=$(“#ddlRegType option”).length;

for(var i=0;i<count;i++)
{           if($(“#ddlRegType “).get(0).options[i].text == text)
{
$(“#ddlRegType “).get(0).options[i].selected = true;

break;
}
}

清空 Select:

$(“#ddlRegType “).empty(); (全文…)

ExtJs之combobox详解 手册 中文

1.服务器数据作为ComboBox的数据源 实例
首先从服务器获取json数据:

//cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)
public string  ServerData=”['湖北','江西','安徽']“;

//前台js介绍代码
Ext.onReady(function(){
var combo=new Ext.form.ComboBox({
store:<%=ServerData%>,//获取ServerData的string值, 不要用”"引起来,否则就不是object数据,而是字符串,这是一个很巧妙的关键点:把服务器的字符串转化为js的object数据,            emptyText:’请 选择一个省份….’,
applyTo: ’combo’
});
});

//前台html代码
<input type=”text” id=”combo” size=”20″/>
我们就通过<%=ServerData%>这样的方式获取到了服务器最简单的属性数据。
2.ComboBox的数据源store格式详解 (全文…)

css+js 控制弹出层

弹出层经常用到,编辑修改,提交小东西等,下面总结一下自己用到过的几类弹出层。

1:简单的显示隐藏div

   function Show()
    {
        document.getElementById('bot').style.display = '';
    }
    function Hide()
      {
           document.getElementById('bot').style.display = 'none';
      }

     <a  href="#"   onclick="Show('<%#Eval("ID")%>','<%#Eval("val1") %>')">修 改</a>

     <div id="bot" style="z-index:100; border:1px solid #333;  height:360px; width:301px; padding:20px; display:none; position:absolute; left:20%; top:20%; background:#f3f3f3">
      用户名:
      <input type="button" id="Button2"  value="取 消"
      style="height: 21px; margin-top:30px;" onclick="Hide()"  />
    </div>

2: 可以鼠标拖动的,并且背景置灰的 (全文…)

正则表达式(判断匹配汉字 )

输入测试字符串: &nbsp;<input type=”text” onblur=”test(this.value);”>

<script language=”javascript”>
<!–
//测试匹配情况
function test(inputVal)
{
//去除首尾空格
inputValinputVal = inputVal.replace(/^\s*|\s*$/g,”");
//零长字串不作处理
if ( inputVal.length == 0 )
{
return;
}
//只能匹配数字,字母或汉字
var _match = inputVal.match(/^[a-zA-Z0-9\u4e00-\u9fa5]+$/g);
//匹配数字或字母(包括大小写)
var codeMatch = inputVal.match(/[a-zA-Z0-9]/g);
//匹配汉字
var charMatch = inputVal.match(/[\u4e00-\u9fa5]/g);
//数字或字母个数
var codeNum = codeMatch ? codeMatch.length : 0;
//汉字个数
var charNum = charMatch ? charMatch.length : 0;
//成功
if ( _match && codeNum + 2*charNum <= 12 )
{
alert(“输入正确!”);
return;
}
//失败
alert(“输入错误!”);
}
//–>
</script> (全文…)

FCKeditor如何禁止上传图片怎么设置参数?

只需要在fckconfig.js里增加
FCKConfig.ToolbarSets["Basic"] ;
把里面不需要的功能删了就可以了
(全文…)