前端-JS基础(三)

如何让alert弹出框中的信息换行

\n
例如:alert(‘aa\naaa\nbbb’)

JS选项卡标签栏或者一排单选按钮,如何知道选择是第几个?

var oInput=document.getElementsByTagName('input');
for(var index = 0;index<oInput.length;index++){
	(function(index){
		oInput[index].onclick = function(){
			alert(index+1)
		}
	})(index)
	
}

打印fibonacci数

function fibonacci(n){
	var arr = n>0?[1]:[];
	if(n>1){
		for(let index = 1;index < n;index++){
			arr.push(arr[index-1]+(index>=2?arr[index-2]:0))
		}
		return arr;
	}
}

实现 var a=(5).plus(3).minus(6)语法功能

plus等方法不是数字类有的方法,所以需要在数值类型Number.prototype上写方法

Number.prototype.plus = function(n){
	return this + n;
}

Number.prototype.minus = function(n){
	return this - n;
}

var a = (5).plus(3).minus(6)

实现预加载一张图片,加载完成后显示在网页中并设置高度

预加载:onload,加载成功后设置图片样式

<img id='imgobj' src='1.jpg'/>
<script>
var imgobj = document.getElementById('imgobj');
function addImg(tempSrc){
	var imgobj1 = new Image();
	imgobj1.src = tempSrc;
	imgobj1.onload = function(){
		imgobj.src = this.src;
		imgobj.height = 50;
		imgobj.width = 50;
	}
}
</script>

将一个4行的td的table的td颠倒

将非数组集合转换为数组;
appendChild为父元素添加子元素;
table中含有多个tBody,获取第一个tBody为tBodies[0];
通过call借用数组的slice方法.

//将元素集合迭代到数组中
		let oTab = document.getElementById('tab1')
		let oBody = oTab.tBodies[0];
		let oTrs = oBody.rows;
		let a =[];
		for(var index = 0;index < oTrs.length;index++){
			const element = array[index];
			a.push(element);
		}
		a.reverse();
		for(let i = 0;i<a.length;i++){
			const element = a[i];
			oBody.appendChild(element);
		}
		```
	
		```
		//通过call借用数组的slice方法
		let oTab = document.getElementById('tab1')
		let oBody = oTab.tBodies[0];
		let oTrs = oBody.rows;
		let aRows = Array.prototype.slice.call(oRow,0);
		aRows.reverse();
		for(let i= 0;i < aRows.length;i++){
			const element = aRows[i];
			oBody.appendChild(element);
		}