javascript常用函数（2）

2024-10-20 17:47:01

文章主要内容列表：
16、除去数组重复项
17、操作cookie
18、判断浏览器类型
19、判断是否开启cookie
20、断是否开启JavaScript
21、 JavaScript 打字机效果
22、简单打印
23、禁止右键
24、防止垃圾邮件
25、复制（javaeye flash版）
26、阻止冒泡事件或阻止浏览器默认行为
27、关闭或跳转窗口时提示
28、用javascript获取地址栏参数
29、计算停留的时间
30、 div为空，只有背景时，背景自动增高

主要内容：
16、除去数组重复项

<script>
Array.prototype.remove = function(){
 var $ = this;
 var o1 = {};
 var o2 = {};
 var o3 = [];
 var o; 

 for(var i=0;o = $[i];i++){
  if(o in o1){
   if(!(o in o2)) o2[o] = o;
   delete $[i];
  }else{
   o1[o] = o;
  }
 } 

 $.length = 0; 

 for(o in o1){
  $.push(o);
 } 

 for(o in o2){
  o3.push(o);
 } 

 return o3; 

} 

var a = [2,2,2,3,3,3,4,4,5,6,7,7]; 

a.remove (); 

document.write(a); 

</script>

17、操作cookie

// 1. 设置COOKIE 

// 简单型 

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays) 

document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
} 

// 完整型
function SetCookie(name,value,expires,path,domain,secure)
{
var expDays = expires*24*60*60*1000; 

var expDate = new Date();
expDate.setTime(expDate.getTime()+expDays); 

var expString = ((expires==null) ? "" : (";expires=”+expDate.toGMTString()))
var pathString = ((path==null) ? "" : (";path="+path))
var domainString = ((domain==null) ? "" : (";domain="+domain))
var secureString = ((secure==true) ? ";secure" : "" )
document.cookie = name + "=" + escape(value) + expString + pathString + domainString + secureString;
} 

// 2．获取指定名称的cookie值： 

function getCookie(c_name)
{
if (document.cookie.length>0)
 {
 c_start=document.cookie.indexOf(c_name + "=")
 if (c_start!=-1)
 {
 c_start=c_start + c_name.length+1
 c_end=document.cookie.indexOf(";",c_start)
 if (c_end==-1) c_end=document.cookie.length
 return unescape(document.cookie.substring(c_start,c_end))
 }
 }
return ""
} 

// 3．删除指定名称的cookie： 

function ClearCookie(name)
{
var expDate = new Date();
expDate.setTime(expDate.getTime()-100); 

document.cookie=name+”=;expires=”+expDate.toGMTString(); 

} 

// 4. 检测cookie： 

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
 {alert('Welcome again '+username+'!')}
else
 {
 username=prompt('Please enter your name:',"")
 if (username!=null && username!="")
 {
 setCookie('username',username,365)
 }
 }
}

18、获取坐标

<!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>
<title>payment</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head> 

<body style="font-size:12px;"> 

<script>
var strInfo="";
strInfo += "网页可见区域宽:" + document.body.clientWidth + "<br>";
strInfo += "网页可见区域高:" + document.body.clientHeight + "<br>";
strInfo += "网页可见区域宽:" + document.body.offsetWidth + "(包括边线的宽)<br>";
strInfo += "网页可见区域高:" + document.body.offsetHeight + "(包括边线的宽)<br>";
strInfo += "网页正文全文宽:" + document.body.scrollWidth + "<br>";
strInfo += "网页正文全文高:" + document.body.scrollHeight + "<br>";
strInfo += "网页被卷去的高:" + document.body.scrollTop + "<br>";
strInfo += "网页被卷去的左:" + document.body.scrollLeft + "<br>";
strInfo += "网页正文部分上:" + window.screenTop + "<br>";
strInfo += "网页正文部分左:" + window.screenLeft + "<br>";
strInfo += "屏幕分辨率的高:" + window.screen.height + "<br>";
strInfo += "屏幕分辨率的宽:" + window.screen.width + "<br>";
strInfo += "屏幕可用工作区高度:" + window.screen.availHeight + "<br>";
strInfo += "屏幕可用工作区宽度:" + window.screen.availWidth + "<br>"; 

document.write(strInfo);
</script> 

<br><br>
<p>
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 <br>
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。<br>
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。<br>
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。<br>
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。<br>
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。<br>
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。<br>
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。<br> 

event.clientX返回事件发生时,mouse相对于客户窗口的X坐标，event.X也一样。<br>
但是如果设置事件对象的定位属性值为relative，event.clientX不变，而event.X返回事件对象的相对于本体的坐标。<br>
</p>
</body>
</html>

18、判断浏览器类型
Js代码

<script type="text/javascript">
  var Sys = {};
  var ua = navigator.userAgent.toLowerCase();
  var s;
  (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
  (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
  (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
  (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
  (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; 

  //以下进行测试
  if (Sys.ie) document.write('IE: ' + Sys.ie);
  if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
  if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
  if (Sys.opera) document.write('Opera: ' + Sys.opera);
  if (Sys.safari) document.write('Safari: ' + Sys.safari);
 </script>

jquery版

<script src="jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 var bro=$.browser;
 var binfo="";
 if(bro.msie) {binfo="Microsoft Internet Explorer "+bro.version;}
 if(bro.mozilla) {binfo="Mozilla Firefox "+bro.version;}
 if(bro.safari) {binfo="Apple Safari "+bro.version;}
 if(bro.opera) {binfo="Opera "+bro.version;}
 alert(binfo);
})
</script>

19、判断是否开启cookie

<script>
 function checkCookie() {
  var result=false;
  if(navigator.cookiesEnabled){ return true; }
  document.cookie = "testcookie=yes;"; 

  var setCookie = document.cookie; 

  if (setCookie.indexOf("testcookie=yes") > -1){
   result=true;
  }else{
   document.cookie = "";
  } 

  return result;
 } 

  if(!checkCookie()){
  alert("对不起，您的浏览器的Cookie功能被禁用，请开启");
  }else{
  alert("Cookie 成功开启");
  }
</script>

20、断是否开启JavaScript

// 方案 1 

<span id="js_enable">您关闭了JavaScript</span>
<script type="text/javascript">
<!--
 document.getElementById("js_enable").innerHTML='您开启了JavaScript';
-->
</script> 

// 方案 2 

<div id="NoJs" >您禁用了javascript。</div>
<div id="YesJs" style="display:none;">您的Javascript是开启的</div>
<script>
 var NoJs= document.getElementById("NoJs");
 var YesJs= document.getElementById("YesJs");
 NoJs.style.display="none";
 YesJs.style.display="block";
</script> 

// 方案 3 

<!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>检查浏览器是否开启JavaScript</title>
</head> 

<body>
如果您的浏览器支持的话，本页面什么也不会显示，如果不支持，则会出现提示！
<noscript>
<body scroll=no style="text-align: center">
<center>
 <table border="0" style="height: 100%; width: 100%; right: 1%; left: 1%; background: black; position: fixed">
  <tr>
   <td align="center">
    <div style="position: fixed; font-size: 18px; z-index: 2; cursor: help; background: #F8F8FF; width: 480px; color: black; padding: 5px 5px 5px 5px; border: 1px solid; border-color: maroon; height: auto; text-align: left; left: 20%">
    <span style="font: bold 20px Arial; color:#F8F8FF; background: maroon; vertical-align: middle">对不起，你的浏览器没有打开JavaScript脚本支持！</span></div>
   </td>
  </tr>
 </table>
</center>
</noscript>
</body>
</html>

HTML <noscript> 标签
　定义和用法　　noscript 元素用来定义在脚本未被执行时的替代内容（文本）。　
　此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。

注释：如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本。
　注释：无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做，您应当在注释标签中隐藏脚本。老式的（无法识别 <script> 标签的）浏览器会忽略注释，这样就不会把标签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释标签中！
21、JavaScript 打字机效果
实例1

<html>
<title>JavaScript 打字机</title>
<head>
<style type="text/css">
 body{
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  margin-top:0px;
  background-image:url('../../images/heading3.gif');
  background-repeat:no-repeat;
  padding-top:100px;
 }
 #myContent, #myContent blink{
  width:500px;
  height:200px;
  background:black;
  color: #00FF00;
  font-family:courier;
 }
 blink{
  display:inline; 

 }
 </style>
 <script type="text/javascript">
 var charIndex = -1;
 var stringLength = 0;
 var inputText;
 function writeContent(init){
  if(init){
   inputText = document.getElementById('contentToWrite').innerHTML;
  }
  if(charIndex==-1){
   charIndex = 0;
   stringLength = inputText.length;
  }
  var initString = document.getElementById('myContent').innerHTML;
  initStringinitString = initString.replace(/<SPAN.*$/gi,""); 

  var theChar = inputText.charAt(charIndex);
  var nextFourChars = inputText.substr(charIndex,4);
  if(nextFourChars=='<BR>' || nextFourChars=='<br>'){
   theChar = '<BR>';
   charIndex+=3;
  }
  initStringinitString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
  document.getElementById('myContent').innerHTML = initString; 

  charIndexcharIndex = charIndex/1 +1;
  if(charIndex%2==1){
    document.getElementById('blink').style.display='none';
  }else{
    document.getElementById('blink').style.display='inline';
  } 

  if(charIndex<=stringLength){
   setTimeout('writeContent(false)',150);
  }else{
   blinkSpan();
  }
 } 

 var currentStyle = 'inline';
 function blinkSpan(){
  if(currentStyle=='inline'){
   currentStyle='none';
  }else{
   currentStyle='inline';
  }
  document.getElementById('blink').style.display = currentStyle;
  setTimeout('blinkSpan()',500); 

 }
 </script> 

<body> 

<div id="myContent">
</div>
<div id="contentToWrite" style="display:none">
 <!-- Put the typewriter content here-->
 sharejs.com
 Login : username<br>
 password : ******<br>
 Access is granted<br>
 <!-- End typewriter content -->
 </div>
 <script type="text/javascript">
 writeContent(true);
</script> 

</body>
</html>

实例2 （兼容IE，FX）

<html>
<head>
<title>打字效果的带链接的新闻标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{font-size:14px;font-weight:bold;}
</style>
</head>
<body>
最新内容：<a id="HotNews" href="" target="_blank"></a>
<script language="JavaScript">
var NewsTime = 2000; //每条新闻的停留时间
var TextTime = 50; //新闻标题文字出现等待时间，越小越快 

var newsi = 0;
var txti = 0;
var txttimer;
var newstimer; 

var newnewstitle = new Array(); //新闻标题
var newnewshref = new Array(); //新闻链接 

newstitle[0] = "javascript常用函数";
newshref[0] = "http://www.jb51.net/article/74365.htm"; 

newstitle[1] = "http://www.jb51.net/";
newshref[1] = "http://www.jb51.net/"; 

function shownew()
{
 var endstr = "_";
 hwnewstr = newstitle[newsi];
 newslink = newshref[newsi];
 if(txti==(hwnewstr.length-1)){endstr="";}
 if(txti>=hwnewstr.length){
 clearInterval(txttimer);
 clearInterval(newstimer);
 newsi++;
 if(newsi>=newstitle.length){
 newsi = 0
 }
 newstimer = setInterval("shownew()",NewsTime);
 txti = 0;
 return;
 }
 clearInterval(txttimer);
 document.getElementById("HotNews").href=newslink;
 document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr;
 txti++;
 txttimer = setInterval("shownew()",TextTime);
}
shownew();
</script>
</body>
</html>

22、简单打印

<style type="text/css" media=print>
.noprint{display : none }
</style> 

<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /><br>
这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，<br>
这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，<br>
这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，这里是被打印的地方，<br>
<p class="noprint">这里是不需要打印的地方</p>

23、禁止右键

<html>
<title>jquery 禁止右键</title>
<head>
<script src="jquery.js"></script>
 <script type="text/javascript">
 $(function(){
  $(document).bind("contextmenu",function(e){
   return false;
  });
 });
 </script> 

<body>
Xinjiang to implement amended public security measures to safeguard social stability
Xinjiang to implement amended public security measures to safeguard social stability
Xinjiang to implement amended public security measures to safeguard social stability
Xinjiang to implement amended public security measures to safeguard social stability
Xinjiang to implement amended public security measures to safeguard social stability
Xinjiang to implement amended public security measures to safeguard social stability
</body>
</html>

24、防止垃圾邮件

<script language="JavaScript">
var rJJdg="PYRUq";
var vjenFG="@cef.com";
var syniH="deo"; // 邮箱名字
var nQEEGoTp="@Deographics.com"; // 邮箱后缀
var KnJbiFO="imLCHy";
var JTCRe="@GZeejp.com";
var NersngGn=2014; // 邮箱地址loading时间
setTimeout("GRUBeoQUurKVgk()",NersngGn); 

function GRUBeoQUurKVgk(){
 document.getElementById("TPNTZyRk").href= "mailto:"+syniH + nQEEGoTp;
 document.getElementById("gTslyYgEq").innerHTML = syniH + nQEEGoTp;
} 

</script>
<a id=TPNTZyRk><span id="gTslyYgEq">Email Loading...</span></a>
<span style=display:none;>JwcFoxtWH@aPpeoOw.com RPibMejAUX@NQDg.com PWlVlgKG@QCpBcER.com SxOuqrHes@mszff.com taMmRPLu@EzcI.com NfXidnW@yympz.com quuMcbaKda@aUNdsyb.com DcnXCxaR@QcrN.com QeofXl@ibCh.com OxqzDkSH@hrScW.com</span>

25、复制（javaeye flash版）

<?php
 $clipboard = "This is a test !!";
?> 

<div class="tools">
 Javaeye 

 <embed tplayername="SWF"
 splayername="SWF" id="Player1264100331386" type="application/x-shockwave-flash" src="clipboard.swf"
 mediawrapchecked="true" flashvars="clipboard=<?=$clipboard?>" quality="high"
 allowscriptaccess="always"
 pluginspage="http://www.macromedia.com/go/getflashplayer" height="15" width="14"> 

 <div><textarea id="blog_content"><?=$clipboard?></textarea></div> 

</div>

26、阻止冒泡事件或阻止浏览器默认行为

//阻止冒泡事件
 function stopBubble(e) {
 if (e && e.stopPropagation) {//非IE
  e.stopPropagation();
 }
 else {//IE
  window.event.cancelBubble = true;
 }
 } 

function stopDefault(e) {
 //阻止默认浏览器动作(W3C)
 if (e && e.preventDefault)
  e.preventDefault();
 //IE中阻止函数器默认动作的方式
 else
  window.event.returnValue = false;
 return false;
 }

27、关闭或跳转窗口时提示

<script language="javascript">
 function IsClose()
 {
 if(confirm("是否退出系统?"))
 {
 return true;
 }
 return false;
 }
 </script>
<body onbeforeunload="javascript:if(IsClose()){return false;}else{return true}"> 

--------------------------------------------------------
</body> 

或者
<script>
function winclose(){ 

return '是否退出系统?';
}
</script>
<body onbeforeunload="return winclose()" > 

</body>

28、用javascript获取地址栏参数
//本页地址为： alert(document.location);
方法一：

<script type="text/javascript">
<!--
String.prototype.getQuery = function(name) {
　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
　　var r = this.substr(this.indexOf("\?")+1).match(reg);
　　if (r!=null) return unescape(r[2]); return null;
} 

var strHref = "www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc";
alert(strHref.getQuery("a"));
alert(strHref.getQuery("b"));
alert(strHref.getQuery("c"));
//-->
</script>

方法二：

<script type="text/javascript">
function getUrlPara(paraName){
 var sUrl = location.href;
 var sReg = "(?:\\?|&){1}"+paraName+"=([^&]*)"
 var re=new RegExp(sReg,"gi");
 re.exec(sUrl);
 return RegExp.$1;
}
//应用实例：test_para.html?a=11&b=22&c=33
alert(getUrlPara("a"));
alert(getUrlPara("b"));
</script>

方法三：

<script type="text/javascript">
<!--
function Request(strName){
 var strHref = "www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc";
 var intPos = strHref.indexOf("?");
 var strRight = strHref.substr(intPos + 1);
 var arrTmp = strRight.split("&"); 

 for(var i = 0; i < arrTmp.length; i++) {
 var arrTemp = arrTmp[i].split("=");
 if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
 }
 return "";
}
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//-->
</script>

29、计算停留的时间

<html>
<form name="myform">
<td vAlign="top" width="135">您在此停留了：
<input name="clock" size="8" value="在线时间"></td>
</form>
<script language="JavaScript">
var id, iM = 0, iS = 1;
start = new Date();
function go(){
 now = new Date();
 time = (now.getTime() - start.getTime()) / 1000;
 time = Math.floor( time);
 iS = time % 60;
 iM = Math.floor( time / 60);
 if ( iS < 10)
 document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";
 else
 document.myform.clock.value = " " + iM + " 分 " + iS + " 秒";
 id = setTimeout( "go()", 1000);
}
go();
</script>
</body>
</html>

30、div为空，只有背景时，背景自动增高

<script src="jquery-latest.js"></script>
<script>
 $(function(){
 var $height = $('#main').height(); // main 是主体自动增高的 id
 $('#bg').css('height',$height); // bg 是随主体自动增高的无内容背景div的id，一般是阴影之类的
 })
</script>

iframe 版

<iframe src="iframe_b.html" scrolling="no" frameborder="0" width="100%" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>

以上就是小编为大家整理的常用的javascript函数，希望对大家的学习有所帮助，还有最后一篇关于常用的javascript函数的文章即将推出，继续关注。

Javascript获取当前时间函数和时间操作小结

在项目需要一个计时器,效果如下: js代码: 复制代码代码如下: /*获取当前时间*/ function getCurrentDate() { var timeStr = ''; var curDate = new Date(); var curMonth = curDate.getMonth()+1; //获取当前月份(0-11,0代表1月) var curDay = curDate.getDate(); //获取
javascript中声明函数的方法及调用函数的返回值

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title>  <script type="text/javascript"> //因为javascript是弱类型的语言,所以参数不需要加类型.函数的也不需要像c#那样要求所以路径都需要有返回值(这个不像c#语言,而且c#的方法也不需要在方法
JavaScript中的alert()函数使用技巧详解

在JavaScript代码中,可以使用window对象的alert()函数来显示一段文本,从而进行程序的调试,或者向用户警示相关信息: 复制代码代码如下: //Use window object's alert() function window.alert("sample text"); 这一写法可以简化为直接使用alert()函数: 复制代码代码如下: //Simplified alert() usage alert("sample text"); 如果需要
JavaScript中的console.dir()函数介绍

在调试JavaScript程序时,有时需要dump某些对象的详细信息.通过手工编写JavaScript代码可以完成这一工作:针对对象的属性进行循环,将循环到的每一个属性值打印出来:可见,这一过程是比较繁琐的.在具备调试工具的浏览器上,这一工作可以通过console.dir()语句来方便的完成. console.dir()的使用 console.dir()的使用非常简单,直接将需要dump的对象传入该语句即可.比如以下的例子: 复制代码代码如下: function cat(name, age,
javascript 终止函数执行操作

1.如果终止一个函数的用return即可,实例如下:function testA(){ alert('a'); alert('b'); alert('c');}testA(); 程序执行会依次弹出'a','b','c'. function testA(){ alert('a'); return; alert('b'); alert('c');}testA(); 程序执行弹出'a'便会终止. 2.在函数中调用别的函数,在被调用函数终止的同时也希望调用的函数
理解javascript中的回调函数(callback)

最近在看 express,满眼看去,到处是以函数作为参数的回调函数的使用.如果这个概念理解不了,nodejs.express 的代码就会看得一塌糊涂.比如: 复制代码代码如下: app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); app是对象,use是方法,方法的参数是一个带参的匿名函数,函数体直接在后面给出了.这段代码
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较

在JavaScript中,提取子字符串主要是通过 Slice.Substring.Substr 三个方法之一. 复制代码代码如下: // slice // 语法: string.slice(start [, stop])"Good news, everyone!".slice(5,9); // 'news' // substring // 语法: string.substring(indexA [, indexB])"Good news, everyone!".s
JavaScript中的函数的两种定义方式和函数变量赋值

复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /*I总结: 1.函数名可以做变量使用,可以赋值,可以传值 2.函数名当参数,传递给另一个函数 */ //===========
javascript 自定义回调函数示例代码

如果你直接在函数a里调用的话,那么这个回调函数就被限制死了.但是使用函数做参数就有下面的好处:当你a(b)的时候函数b就成了回调函数,而你还可以a(c)这个时候,函数c就成了回调函数.如果你写成了functiona(){...;b();}就失去了变量的灵活性. 复制代码代码如下: function a(index,callback){ callback(index); } function b(index){ alert(index); } a(10000,b);
JavaScript数组函数unshift、shift、pop、push使用实例

如何声明数组 s中数组的声明可以有几种方式声明复制代码代码如下: var tmp = []; // 简写模式 var tmp = new Array(); // 直接new一个 var tmp = Array(); // 或者new也可以在new数组的时候可以传入一个参数,表示数组的初始化长度复制代码代码如下: // new的时候传入一个参数表示初始化数组长度 var tmp = new Array(3); alert(tmp.length); // 3 但如果你想创建一个只
原生Javascript封装的一个AJAX函数分享

最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的--但他又是基于jquery的ajax,所以离开了jquery这个函数就毫无作用了.而且我觉得,jquery的ajax方法是很完善的了,可以直接用,如果都有jquery了,那么他的ajax就不用白不用了.我缺少的是一个能在没有jquery的情况下使用的ajax方法. 所以我也花一天时间写了一个,参数与调用方法类似于jquery的ajax.就叫xhr吧,因为xhr=XMLHttpRequ
JavaScript中的apply和call函数详解

第一次翻译技术文章,见笑了! 翻译原文: Function.apply and Function.call in JavaScript 第一段略. 每个JavaScript函数都会有很多附属的(attached)方法,包括toString().call()以及apply().听起来,你是否会感到奇怪,一个函数可能会有属于它自己的方法,但是记住,JavaScript中的每个函数都是一个对象.看一下这篇文章 ,复习一下(refresher)JavaScript特性.你可能还想知道JavaScrip
javascript常用函数（1）

文章主要内容列表: 1. 调整图片大小,不走形(FF IE 兼容)/ 剪切图片(overflow:hidden) 2. 控制textarea区域文字数量 3. 点击显示新窗口 4. input框自动随内容自动变长 5. 添加收藏夹 6. 设置首页 7. Jquery + Ajax 判断用户是否存在 8. 判断email格式是否正确 9. 综合判断用户名(长度,英文字段等) 10.新闻滚动 11. 只允许输入正整数 (shopping cart 使用) 或者正数 (正整数和正小
javascript字母大小写转换的4个函数详解

js中实现字母大小写转换主要用到了四个js函数: 1.toLocaleUpperCase2.toUpperCase3.toLocaleLowerCase4.toLowerCase 下面就这四个实现大小写转换的js函数逐一做简单的分析. 1.toLocaleUpperCase 将字符串中所有的字母字符都将被转换为大写的,同时适应宿主环境的当前区域设置. 2.toUpperCase 将字符串中的所有字母都被转化为大写字母. 3.toLocaleLowerCase 将字符串所有的字母字符都被转换为小写
JavaScript实现的in_array函数

在JS中要判断一个值是否在数组中并没有函数直接使用,如PHP中就有in_array()这个函数.但我们可以写一个类似in_array()函数来判断是一个值否在函数中. /** * JS判断一个值是否存在数组中 */ // 定义一个判断函数 var in_array = function(arr){ // 判断参数是不是数组 var isArr = arr && console.log( typeof arr==='object' ? arr.constructor===Array ? ar
详谈JavaScript 匿名函数及闭包

1.匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数:就是没有函数名的函数. 1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种复制代码代码如下: function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. 复制代码代码如下: var double = new Functio

javascript常用函数（2）

相关推荐

随机推荐