标签归档:javascript

javascript基础篇-根据className和元素id获取dom元素的区别


摘要:
下文通过举例的方式分享,通过className和元素id获取dom信息的区别,如下所示:



1.三种获取dom元素的方法举例

1.1 通过id获取dom元素的方法
document.getElementById(“元素id”)

1.2 通过classname获取dom元素的方法
document.getElementsByClassName(“className”)

1.3 通过 querySelector 查询classname获取第一个匹配成功的元素
document.querySelector(‘.classname’);



2.两种获取dom元素方法的区别

2.1 两种获取dom元素所使用的函数名称不一样

2.2 两种函数的返回值不同
document.getElementById(“元素id”) 返回一个元素

document.getElementsByClassName(“className”)
返回一组元素

document.querySelector(‘.className’);
返回第一个匹配成功的元素



3.举例应用

例1:
获取元素id 等于”test”和className等于”testClass”的第一个元素
document.getElementById(“test”)
document.getElementsByClassName(“testClass”)[0]
document.querySelector(‘.className’)


例2:
隐藏 —元素id 等于”test”和className等于”testClass”的第一个元素

document.getElementById(“test”).style.display=”none”;
document.getElementsByClassName(“testClass”)[0].style.display=”none”;
document.querySelector(‘.className’).style.display=”none”;

注意事项:
javascript是一个区分大小写的语言

javascript js中replace(全部替换)函数的用法简介


摘要:
下文讲述使用javascript的方式全部替换文本的用法,如下所示:


当我们使用原生态的js替换指定字符时,只可替换字符串中重复字符一次,
例:

    var tmp='这是一个sql博客,猫猫小屋博客';
    var replaceAfterTmp=tmp.replace('博客','blog');
    alert(replaceAfterTmp); 
    ---输出---
    这是一个sqlblog,猫猫小屋博客
    常常达不到我们的要求,下面将讲述使用正则表达式的方式,可一次性替换全部相同的字符,如下
	
	 
	String.prototype.replaceExtend=function(str,info){//str源字符串,info替换后字符串
    var reg=new RegExp(str,"g"); //生成相关正则信息   
    return this.replace(reg,info); 
    }

	var tmp='这是一个sql博客,猫猫小屋博客';
    var replaceAfterTmp=tmp.replaceExtend('博客','blog');
    alert(replaceAfterTmp);
	----输出----
    这是一个sqlblog,猫猫小屋blog

jquery采用ajax方式获取数据时,如何设置超时时间

var ajaxTest = $.ajax({
  url:” ,//请求URL
  timeout:2000, //超时时间(单位毫秒)
  type:’get’, //get或post
  data:{}, //请求所传参数 通常为json格式
  dataType:’json’,//返回的数据格式
  success:function(data){
    alert(“成功”);
  },
  complete:function(XMLHttpRequest,status){ //请求完成后最终执行参数
    if(status==’timeout’){
      ajaxTest.abort();
      alert(“超时”);
    }
  }
});

设置timeout的时间,通过检测complete时status的值判断请求是否超时,如果超时,则执行相应的操作。
设置timeout的原理,在创建ajax请求时,设置 window.setTimeOut(2000),setTimeOut所对应的函数开始运行时,request还在运行,此时应该终止请求函数,并且返回状态’timeout’