JS – 第3页 – 徐多蔚APP开发，合肥物联网项目开发，合肥网络开发，合肥项目高端定制，企业oa开发，合肥小程序开发，合肥公众号开发，合肥网络安防

2018年4月20日

window.onload中定义的变量，如何在外引用？注意：考虑到执行先后顺序。

2017年11月28日2017年11月29日

表达式全集

字符	描述
\	将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“`n`”匹配字符“`n`”。“`\n`”匹配一个换行符。串行“`\\`”匹配“`\`”而“`\(`”则匹配“`(`”。
^	匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“`\n`”或“`\r`”之后的位置。
$	匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“`\n`”或“`\r`”之前的位置。
*	匹配前面的子表达式零次或多次。例如，zo能匹配“`z`”以及“`zoo`”。等价于{0,}。
+	匹配前面的子表达式一次或多次。例如，“`zo+`”能匹配“`zo`”以及“`zoo`”，但不能匹配“`z`”。+等价于{1,}。
?	匹配前面的子表达式零次或一次。例如，“`do(es)?`”可以匹配“`does`”或“`does`”中的“`do`”。?等价于{0,1}。
{n}	n是一个非负整数。匹配确定的n次。例如，“`o{2}`”不能匹配“`Bob`”中的“`o`”，但是能匹配“`food`”中的两个o。
{n,}	n是一个非负整数。至少匹配n次。例如，“`o{2,}`”不能匹配“`Bob`”中的“`o`”，但能匹配“`foooood`”中的所有o。“`o{1,}`”等价于“`o+`”。“`o{0,}`”则等价于“`o*`”。
{n,m}	m和n均为非负整数，其中n<=m。最少匹配n次且最多匹配m次。例如，“`o{1,3}`”将匹配“`fooooood`”中的前三个o。“`o{0,1}`”等价于“`o?`”。请注意在逗号和两个数之间不能有空格。
?	当该字符紧跟在任何一个其他限制符（*,+,?，{n}，{n,}，{n,m}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“`oooo`”，“`o+?`”将匹配单个“`o`”，而“`o+`”将匹配所有“`o`”。
.	匹配除“`\n`”之外的任何单个字符。要匹配包括“`\n`”在内的任何字符，请使用像“`(.\|\n)`”的模式。
(pattern)	匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用$0…$9属性。要匹配圆括号字符，请使用“`$`”或“`$`”。
(?:pattern)	匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“`(\|)`”来组合一个模式的各个部分是很有用。例如“`industr(?:y\|ies)`”就是一个比“`industry\|industries`”更简略的表达式。
(?=pattern)	正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“`Windows(?=95\|98\|NT\|2000)`”能匹配“`Windows2000`”中的“`Windows`”，但不能匹配“`Windows3.1`”中的“`Windows`”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。
(?!pattern)	正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如“`Windows(?!95\|98\|NT\|2000)`”能匹配“`Windows3.1`”中的“`Windows`”，但不能匹配“`Windows2000`”中的“`Windows`”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始
(?<=pattern)	反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，“`(?<=95\|98\|NT\|2000)Windows`”能匹配“`2000Windows`”中的“`Windows`”，但不能匹配“`3.1Windows`”中的“`Windows`”。
(?<!pattern)	反向否定预查，与正向否定预查类拟，只是方向相反。例如“`(?<!95\|98\|NT\|2000)Windows`”能匹配“`3.1Windows`”中的“`Windows`”，但不能匹配“`2000Windows`”中的“`Windows`”。
x\|y	匹配x或y。例如，“`z\|food`”能匹配“`z`”或“`food`”。“`(z\|f)ood`”则匹配“`zood`”或“`food`”。
[xyz]	字符集合。匹配所包含的任意一个字符。例如，“`[abc]`”可以匹配“`plain`”中的“`a`”。
[^xyz]	负值字符集合。匹配未包含的任意字符。例如，“`[^abc]`”可以匹配“`plain`”中的“`p`”。
[a-z]	字符范围。匹配指定范围内的任意字符。例如，“`[a-z]`”可以匹配“`a`”到“`z`”范围内的任意小写字母字符。
[^a-z]	负值字符范围。匹配任何不在指定范围内的任意字符。例如，“`[^a-z]`”可以匹配任何不在“`a`”到“`z`”范围内的任意字符。
\b	匹配一个单词边界，也就是指单词和空格间的位置。例如，“`er\b`”可以匹配“`never`”中的“`er`”，但不能匹配“`verb`”中的“`er`”。
\B	匹配非单词边界。“`er\B`”能匹配“`verb`”中的“`er`”，但不能匹配“`never`”中的“`er`”。
\cx	匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“`c`”字符。
\d	匹配一个数字字符。等价于[0-9]。
\D	匹配一个非数字字符。等价于[^0-9]。
\f	匹配一个换页符。等价于\x0c和\cL。
\n	匹配一个换行符。等价于\x0a和\cJ。
\r	匹配一个回车符。等价于\x0d和\cM。
\s	匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。
\S	匹配任何非空白字符。等价于[^ \f\n\r\t\v]。
\t	匹配一个制表符。等价于\x09和\cI。
\v	匹配一个垂直制表符。等价于\x0b和\cK。
\w	匹配包括下划线的任何单词字符。等价于“`[A-Za-z0-9_]`”。
\W	匹配任何非单词字符。等价于“`[^A-Za-z0-9_]`”。
\xn	匹配n，其中n为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，“`\x41`”匹配“`A`”。“`\x041`”则等价于“`\x04&1`”。正则表达式中可以使用ASCII编码。.
\num	匹配num，其中num是一个正整数。对所获取的匹配的引用。例如，“`(.)\1`”匹配两个连续的相同字符。
\n	标识一个八进制转义值或一个向后引用。如果\n之前至少n个获取的子表达式，则n为向后引用。否则，如果n为八进制数字（0-7），则n为一个八进制转义值。
\nm	标识一个八进制转义值或一个向后引用。如果\nm之前至少有nm个获得子表达式，则nm为向后引用。如果\nm之前至少有n个获取，则n为一个后跟文字m的向后引用。如果前面的条件都不满足，若n和m均为八进制数字（0-7），则\nm将匹配八进制转义值nm。
\nml	如果n为八进制数字（0-3），且m和l均为八进制数字（0-7），则匹配八进制转义值nml。
\un	匹配n，其中n是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（©）。

常用正则表达式

用户名	/^[a-z0-9_-]{3,16}$/
密码	/^[a-z0-9_-]{6,18}$/
十六进制值	/^#?([a-f0-9]{6}\|[a-f0-9]{3})$/
电子邮箱	/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
URL	/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-])\/?$/
IP 地址	/((2[0-4]\d\|25[0-5]\|[01]?\d\d?)\.){3}(2[0-4]\d\|25[0-5]\|[01]?\d\d?)/ /^(?:(?:25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)$/
HTML 标签	/^<([a-z]+)([^<]+)(?:>(.)<\/\1>\|\s+\/>)$/
删除代码\\注释	(?<!http:\|\S)//.*$
Unicode编码中的汉字范围	/^[^u4E00-u9FA5]+$/

2017年11月21日

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<!– title文字 –>
<title>网站查错</title>
<link rel=”stylesheet” href=”/css/css1.css” type=”text/css” />
<script src=”/js/jquery.js” ></script>
<script src=”/js/project.js” ></script>
<script language=”JavaScript” src=”/js/adminJs/dj.js”></script>
<style type=”text/css”>
#table_title1,#table_title2,#table_title3{background-color:#FFF;padding:4px;}
#table_title3{text-align:center;}
#table_title2{ color:#000;font-style:normal;font-weight:500;}
</style>
</head>

<!– 第2个tr开始–>
<tr valign=top id=”pageAutoHeightTr”>
<td background=”/images/images1/c_18.jpg”></td>

<td >

<!– 这个table里面放的是搜索栏的内容 –>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ height=”35″ align=”center” bgcolor=”#f3f3f3″ style=”border:1px solid #bebebe;”>
<tr >
<td width=”22″ height=”33″> </td>
<td width=”456″>

</td>
<td width=”333″>
<!– 这里是搜索按钮 –>
</td>

<!– 正文内容开始 –>
<!– 第一个表格开始 –>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td height=”10″ colspan=”3″> </td>
</tr>
<tr>
<td width=”10″ height=”132″> </td>
<td>

</td>
<td> </td>
</tr>
<tr>
<td colspan=”3″> </td>
</tr>
</table>
<!– 第一个表格结束 –>

<!– 正文中更多内容开始 –>
<!– 标题部分 –>

<!– 内容部分 –>

</td>
<td background=”/images/images1/c_16.jpg”></td>
</tr>
<!– 第2个tr结束–>

<!– 第3个tr开始–>
<tr>
<td><img src=”/images/images1/c_20.jpg” width=”7″ height=”7″ /></td>
<td background=”/images/images1/c_22.jpg”></td>
<td><img src=”/images/images1/c_24.jpg” width=”7″ height=”7″ /></td>
</tr>
<!– 第3个tr结束–>
</table>
</body>
</html>
<script>
//函数注释写在函数上面，普通注释写在相应的右侧。
var table , tbody;

//创建表格
function createtab(){
table = document.createElement(“table”);
//table.setAttribute(“id”,”table22″);
table.setAttribute(“border”,”0″);
//table.setAttribute(“width”,”500″); //width=”100%” border=”0″ cellpadding=”0″ cellspacing=”1″ bgcolor=”#e9e9e9″
table.setAttribute(“cellPadding”,”0″);
table.setAttribute(“cellSpacing”,”1″);
table.setAttribute(“bgColor”,”#e9e9e9″);
tbody = document.createElement(“tbody”);
table.appendChild(tbody);
document.getElementById(‘fachild’).appendChild(table);
}

//创建tr,td
function createtr(str,domain){

var domain=”<a href=’http://”+domain+”‘ target=’_blank’>”+domain+”</a>”;
//table.setAttribute(“border”,”1″);
var tr1 = document.createElement(“tr”);

var td3 = document.createElement(“td”);
$(td3).html(table.rows.length+1);
tr1.appendChild(td3);

var td1 = document.createElement(“td”);
$(td1).html(domain);
tr1.appendChild(td1);

var td2 = document.createElement(“td”);
$(td2).html(str);
tr1.appendChild(td2);

td1.setAttribute(“id”,”table_title1″);
td2.setAttribute(“id”,”table_title2″);
td3.setAttribute(“id”,”table_title3″);

td1.setAttribute(“width”,”400″);
td2.setAttribute(“width”,”300″);
td3.setAttribute(“width”,”100″);

tbody.appendChild(tr1);
return td2;

}

//除去空格
String.prototype.Trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, “”);
}

//js删除表格 ————-暂不使用
/*
function deltable(tabname){
var table = document.getElementById(tabname);
for(var i=0; i<table.rows.length; i++){
table.deleteRow(i);
}
}
*/

//结束删除表格
/* 这个火狐下不兼容，就不用了
function delobj(obj){
if(!obj){
alert(obj);
return;
}
obj.innerHTML=”;
//obj.removeNode(true);
//obj=null;
//delete obj;
CollectGarbage();
}
*/
//获得需要执行的域名-根据选择的类型显示的
function showdomain(){
var checkselect=document.getElementById(“checkselect”).value;
$.ajax({
type: “POST”,
dataType: “json”,//这里返回的格式是json格式。
url: “index.php?c=checkSessionController&a=doshowdomain”,
data: {//传过去的post数据，这里格式是对象格式，比传统写法更严禁，如：&字符过滤。
“id”:checkselect,
“ajaxSend”:1 //这个是给框架设计用的，用了让框架知道是ajax提过来的。目的是能区别错误返回页面（错误提示！–框架中的）
},
error:_ajaxRetrunErrFunction ,//若出现返回数据的异常，被这个函数捕捉。
success: function(myjson){
//if(_ajaxReturnFunction(myjson)==true){//_ajaxReturnFunction是对返回的数据进行预处理，若返回的数据是json格式并且返回值==OK或返回的第一个键值==OK，则这个函数会弹出一个默认的说明以提示操作成功并返回值为真，否则就是提示操作失败，返回值为假。
//}
var textarea_value=””;
for(var i=0;i<myjson.length;i++){
textarea_value+=myjson[i].ftp_domain+”\r”;
}
$(“textarea”).text(textarea_value);
$(“#sfnum”).text(“需要执行站个数：”+myjson.length);
}
});
}

page_num=1;
allnum=0;
nownum=0;
//点击提交按钮的时候要执行的（返回值，回写表格）。
function ccshow(a){
document.getElementById(“button”).disabled=true;
document.getElementById(“status”).innerHTML=”<br/><font color=blue>状态：执行中……</font>”;

page_num=1;//重新初始化
nownum=0;
//document.getElementById(‘fachild’).innerHTML=”;
createtab();//为div再次添加表格
checkshow(a);
}

function checkshow(abc){
if(abc!=”){page_num++;}//让执行的页数加1;
// delobj(document.getElementById(‘fachild’));//清除div内容 ,这个火狐下不兼容，就不用了。
var textarea=document.getElementById(“textarea”).value;
textarea= textarea.Trim();
var checkselect=document.getElementById(“checkselect”).value;
if(textarea==””&&checkselect==”0″){
alert(“请选择类型或输入域名”);
return false;
}
var arrdomain=textarea.split(“\n”);

//定义分批
var onepagenum=10;//定义每次执行的数目；
var begain_i=(page_num-1)*onepagenum;
var pagecount=Math.ceil(arrdomain.length/onepagenum);//总个数除以每页要执行的==需要执行多少批。
var end_i=eval(begain_i)+eval(onepagenum);
var yu=arrdomain.length-begain_i;
if(yu<onepagenum){end_i=eval(begain_i)+eval(yu);}
var a=0; //初始化a，用来判断当前页是否执行完毕的。
//document.getElementById(“sfnum_end”).innerHTML=”1/”+pagecount+”批”;//初始化定义开始显示第一页

for(var i=begain_i;i<end_i;i++){
var adomain=arrdomain[i];
//var adomainstr=”<a href=’http://”+arrdomain[i]+”‘ target=’_blank’>”+arrdomain[i]+”</a>”;
var str=” <font color=red>系统运行结果……</font><br/>”;
if(page_num<=pagecount){

var mytd=createtr(str,adomain);
$.ajax({
type: “POST”,
url: “index.php?c=checkSessionController&a=doCheckSession”,
//cache: false,
// async: false,//默认是true异步操作，若async:false就是同步操作，
context: mytd,//这个参数是为了上下文对象用的，若这里定义了它(mytd)则在后面返回值中可以用$(this)指代mytd这个对象。
data: {
“domain”:adomain
// “nownum”:(i+1),
//”countnum”:arrdomain.length
},

success: function(msg){
$(this).html(msg);
allnum=allnum+1;
nownum=nownum+1;
//alert(allnum);
$(“#sfnum_end”).html(“<br/>已执行”+allnum+”/–当前执行比例：”+nownum+”/”+arrdomain.length);
if(++a==onepagenum){//若当前批都执行完了，就执行下一批。
checkshow(“yes”);
}
if(nownum==arrdomain.length){
document.getElementById(“status”).innerHTML=”<br/><font color=red>状态：完成</font>”;
document.getElementById(“button”).disabled=false;
}
}
});//结束ajax
}
}//结束for

}

</script>

2017年11月21日

js中加法运算被当作字符串连接

var num1 = parseFloat(value1);
var num2 = parseFloat(value2);
var total = num1 + num2;

方法一:

使用parseFloat()或parseInt()转换类型

方法二:

使用eval()函数

2017年11月21日

利用js来判断浏览器类型(ie,firefox)

现在网络上的浏览器,操作系统就象中国的方言一样,那个叫多啊!这给我们这些开发人员
带来了巨大的痛苦!虽然可能大家的喜好不同!用的系统也不同!有人喜欢用ie,有人喜欢用
firefox,还有人喜欢用腾讯tt,而我喜欢用maxthon.虽然名字可能有很多种,但是内核还是只有
那么的几种!ie内核,netscape内核!怎么样用js来判断各种浏览器的类型呢!
在不同的浏览器中对js的支持程度,语法要求都不大一样!下面的代码为判断代码

}
alert(“您的浏览器类型为:”+getOs());
–>
</script>

测试一下,你就可以发现了!我用的maxthon,它告诉我的信息却是msie如下图

所以说maxthon和ie是用的同一个内核!而firefox则不是.

tag：js 判断浏览器,判断浏览器版本,判断浏览器类型,判断浏览器的代码,如何判断浏览器

2017年11月21日

jquery KindEditor 4 输入框(textarea) 限定字数

代码直接复制就行,如下：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

<head>

<title>KindEditor 4 输入框限定字数</title>

//KindEditor

$(function() {

var editor = KindEditor.create(‘textarea[name=”content1″]‘,{

resizeType : 0, // 2时可以拖动改变宽度和高度，1时只能改变高度，0时不能拖动。

themeType : ‘simple’, //指定主题风格，可设置”default”、”simple” 指定simple时需要引入simple.css

height : ’500px’,

readonlyMode : false, //只读模式默认为false

allowFileManager : true, //显示浏览远程服务器按钮

afterChange : function() {

$(‘.word_count1′).html(this.count()); //字数统计包含HTML代码

$(‘.word_count2′).html(this.count(‘text’)); //字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字

//////////

//限制字数

var limitNum = 100; //设定限制字数

var pattern = ‘还可以输入’ + limitNum + ‘字’;

$(‘.word_surplus’).html(pattern); //输入显示

if(this.count(‘text’) > limitNum) {

pattern = (‘字数超过限制，请适当删除部分内容’);

//超过字数限制自动截取

var strValue = editor.text();

strValue = strValue.substring(0,limitNum);

editor.text(strValue);

} else {

//计算剩余字数

var result = limitNum – this.count(‘text’);

pattern = ‘还可以输入’ + result + ‘字’;

}

$(‘.word_surplus’).html(pattern); //输入显示

////////

}

});

</script>

</head>

<body>

<br />

<br>

</form>

<br>

<p> 您当前输入了 <span class=”word_count1″>0</span> 个文字。（字数统计包含HTML代码。）<br />

您当前输入了 <span class=”word_count2″>0</span> 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）<br>

</p>

<br>

</body>

</html>

2017年11月20日2017年11月20日

兼容IE\FF 加入收藏夹和设为首页

分类：JS

window.onload中定义的变量，如何在外引用？注意：考虑到执行先后顺序。

表达式全集

表达式全集

常用正则表达式

最新完美版本-jquery分批执行

js中加法运算被当作字符串连接

利用js来判断浏览器类型(ie,firefox)

jquery KindEditor 4 输入框(textarea) 限定字数

兼容IE\FF 加入收藏夹和设为首页