常用10个JavaScript小技巧
WordPress插件Js 技巧:全站简繁转换简体转繁体 Js下载
大家基本上都是用中文写博客,我们也知道国内用的是简体中文,而港台澳和其他海外的华人用的是正体中文,也就是我们所说的繁体字。严格地说简体中文是繁体中文的阉割版,因为它是在繁体中文的基础上简化而来的。细心一点分析我们的统计就会发现,我们的读者不仅仅限于国内朋友,还有很多来自港台澳和国外的华人朋友也通过各种渠道来到我们的博客。简体字经过几十年的发展,已经深入到国内的每一个行业。但是很明显,简体字对于这些朋友来说很陌生,比较形象的说法是“缺胳膊少腿”。
上网的时候我们会发现很多网站都有繁体版本,通过导航栏上的一个按钮就可以把网页上的文字从简体中文变成繁体中文。很多主机商也提供类似于“简繁通”之类的产品,当然,是需要收费的。那么,怎么让我们的博客不用花钱也能支持简繁转换呢?
我们看到国内的很多博客用户都在自己的主页上添加了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: 可以鼠标拖动的,并且背景置灰的 (全文…)
正则表达式(判断匹配汉字 )
输入测试字符串: <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"] ;
把里面不需要的功能删了就可以了
(全文…)