JS 常用 函数

1.弹出的输入框

    var score  = window.prompt("请输入你的成绩"); 
	if(score > 60){
		document.write("congratulation!");
	} else{
		document.write("你也太菜了吧");
	}
    document.write("<br>");

2.提取变量中刚开始的数字

var px = "100px"; 
document.write(parseInt(px)+"<br>"); // 提取整数          输出 100
document.write(parseFloat(px)+"<br>");// 提取小数         输出 100
//如果变量中的第一个不是数字，就会得到NaN，遇到非数字停止

3.判断变量是否为数字

var px = "1541.02afdkj";
document.write(isNaN(px)+"<br>") // px为数字，输出 ： true

4. for循环

var arr = ["wo", "ni", "ta", 15];
for(var i in arr){
   document.write(arr[i] + " ");   i为数组下标，arr为数组名
}

5.alert()为提示框，一般用于调试

6.函数的调用 不需先后顺序，同名函数 会将先前的覆盖    ， 形参如果有默认值，放在形参列表的最后面

7.匿名函数的使用

     //1.将匿名函数赋值给变量
	var a = function(a){
	    return "abcd" + a;
	}
	var res = a("hello");
	document.write(res);

	//2.将匿名函数赋值给事件
	// ****** 重点 *******
	// 设置网页背景颜色
	// 将匿名函数赋值给一个事件  onload 加载后 事件它需要有一个对象来调用
	// 事件三要素 事件源 事件名  动作
	window.onload = function(){
	    document.body.style.backgroundColor = "#f00";
	}

	// 3. 匿名函数的自调用
	(function(){
		document.write("hello");
	})();

8.this 关键字 一般在匿名函数里使用多

9.访问字符串 charAt（）；

var str  = "javascript";
var res = str.charAt(0);     // 函数
var res1 = str[0];            // 数组
document.write(res + "<br>" + res1);

10.子串查找

var str = 'javascript';
var res = str.indexOf('script');
// 查找 substr 这个字符串在str首次出现的位置，有返回下标，没有返回-1
document.write(res);

var res = str.lastIndexOf('script');
// 查找 substr 这个字符串在str最后一次出现的位置，有返回下标，没有返回-1
document.write(res);

11.子串截取 substr()   substring()

// substr(x,l);  substring
// x为开始截取的下标，l为截取长度

var str = 'javascript';
var res = str.substr(3,5);
document.write(res);

12.用 PHP 获取文件扩展名

 

13.分隔符函数  split()    将字符串分割为数组

var str = "星期一|星期二|星期三"
var arr = str.split("|");
document.write(arr);
console.log(arr);

  14.  连接函数   join()  将数组连接成字符串     

var str = "星期一|星期二|星期三"
var arr = str.split("|");
document.write(arr);
console.log(arr);
var res = arr.join("^_^");
document.write(res+"<br>");

15. replace() 替换函数

16.时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。

var today = new Date();
document.write(today + "<br>");
var y = today.getFullYear();
var m = today.getMonth();
var d = today.getDate();
var h = today.getHours();
var time = today.getTime();  // 时间戳
var str = "<h2> 当前时间日期 </h2>";
str += "今年是：" + y + "年<br>";
str += "本月是" + ( m + 1 ) + "月 <br>";
str += "今天是" + d + "号 <br>";
str += "现在是" + h " 时<br>";
document.write(str);

17. 常用数学函数及使用

var v1 = -10;
var v = 10;
document.write(Math.PI + "<br>");
document.write(Math.abs(v) + "<br>");
document.write(Math.pow(v, 5) + "<br>");       // 求次方
document.write(Math.sqrt(v) + "<br>");         // 开根号
document.write(Math.max(1, 2, 3, 4) + "<br>"); // 最大值
document.write(Math.min(1, 2, 3, 4) + "<br>"); // 最小值
document.write(Math.ceil(10.3) + "<br>");      // 向上取整
document.write(Math.floor(10.3) + "<br>");     // 向下取整
document.write(Math.round(10.45) + "<br>");    // 四舍五入
document.write(Math.random() + "<br>");        // 随机数 0 - 1
		
// 求 n - m 之间的随机数 求 100 - 1000 的随机数  
// Math.random() * ( 最大值 - 最小值 + 1 ) + 最小值
document.write(Math.floor(Math.random() * (1000 - 100 + 1) + 100) + "<br>");

18.定时及延时函数

// 在浏览器上3秒后弹出hello
window.setTimeout( 'alert( "hello" )', 3000);

// 每隔3秒输出一个你好
window.setInterval( "console.log('你好')", 3000);


// 实例
	function winClose() {
		var flag = window.confirm("是否关闭窗口"); // 弹出确认窗口
		if(flag) {
			// 3秒以后关闭
			window.setTimeout("window.close()", 3000); // 窗口关闭
		}		
	}
<button onclick="winClose()"> 关闭当前窗口 </button>

// 一个表
<script type="text/javascript">
  var attime;
  function clock(){
    var time=new Date();          
    attime= time.getHours()+"时"+time.getMinutes()+"分"+time.getSeconds() ;
    document.getElementById("clock").value = attime;
  }
  setInterval( clock,1000);
</script>
<form>
<input type="text" id="clock" size="50"  />
</form>

19.数组函数 splice()， slice()，concat() , sort(), reserver() ,自定义排序

	// splice() 第一个参数：起始位置
	//        第二个参数：表示截取的个数
	//        第三个参数以后： 表示追加的新元素个数

    // 修改数组本身
var arr = [1,2,3,4,5];
arr.splice(1,2,3,4,5);    
document.write(arr + "<br>");           // 输出：1,3,4,5,4,5

// slice() （左闭右开区间）
// 不改变数组本身
var arr = [1,2,3,4,5];
document.write( arr.slice(2,4)+ "<br>"); // 输出：3,4

concat()
// 不操作数组本身
var arr1 = [1,2,3,4];
var arr2 = [5,6];
var result = arr1.concat(arr2);       
document(result);                 // 输出：1,2,3,4,5,6

sort()
arr1.sort()     // 顺序排序，数组元素（字符串排序）从小到大

reserve()     
arr1.sort()    // 倒序排序，按元素位置倒序 , 并不比较大小

自定义数字从大到小排序
function compare(value1, value2){
	if(value1 < value2){
		return -1;
	}
	else{
		return 1;
	}
}
arr1.sort(compare);

 // 或者
function sortNum(a,b) {  
    return b-a;
 }
arr.sort(sortNum);

20.数组函数 indexOf()， every() 

indexOf()
// 一个参数，结果为参数在数组中的索引位置
// 两个参数，第一个参数为起始位置
var arr = [1,2,3,4,5,4,3,2,1];
document.write(arr.indexOf(3));  // 输出： 2


every()
使用回调函数，返回值为bool类型
var result = arr.every(function(item, index, array){
	return item > 2;
});

filter()
使用回调函数
循环数组每个元素值，进行过滤
var result = arr.filter(function(item, index, array){
	return item > 2;
});

map()
使用回调函数
循环环数组每个元素值 ，进行函数内的操作
var result = arr.filter(function(item, index, array){
	return item * 2;
});

21.链接操作函数

encodeURI(), encodeURIComponent(),decodeURI(), decodeURIComponent(), 

var uri = 'http://www.bjsxt.com cn';
var str1 = encodeURI(uri);
var str2 = encodeURIComponent(uri)  // 常用的方法
document.write(str1 + '<br>');
document.write(str2 + '<br>');
document.write(decodeURI(str1) + '<br>');
document.write(decodeURIComponent(str2)+ '<br>');

22.eval()

//eval(string) // javascript 解析器

var str1 = "var a = 10; var b = 20;";
eval(str1);
document.write(a + b + '<br>');          // 输出：30

23.大小写转换函数  toLowerCase(), toUpperCase() 

 var message="I love JavaScript!";
 var mychar=message.toLowerCase() ;
var mychar1= message.toUpperCase();
 document.write("字符串为："+mychar+"<br>");

24.返回前面的一个链接 window.history.back();   window.history.forward(); 

返回前一个链接
 function GoBack() {
     window.history.back();  
 }

返回后一个链接
function GoForward() {
     window.history.forward(); 
 }