js 练习小知识点_js 知识点练习-CSDN博客

本文链接：https://blog.csdn.net/lifushan123/article/details/44784367

1,鼠标滑过选中输入框

	<script type="text/javascript">
	window.οnlοad=function(){
	document.getElementById('text').οnmοuseοver=function(){document.getElementById('text').select();}}
	</script>
</head>
<body>
<input id="text" type="text" value="baidu" >
</body>

2，打开新窗口

<script type="text/javascript">
	window.οnlοad=function(){
	window.open('5_open.html','new',"location=no,toolbar=no");
	}
	</script>
</head>
<body>
<div id='receiver'></div>
</body>

3，打开新窗口传值到原窗口

<script type="text/javascript">
		window.οnlοad=function(){
	document.getElementById('ibotton').οnclick=function(){
	window.opener.document.getElementById('receiver').innerHTML=document.getElementById('itext').value;
	window.close();
	}}
	</script>
</head>
<body>
<input type='text' id='itext'><input type='button' id='ibotton' value='关闭'>
</body>

4，for遍历二维数组

	<script type="text/javascript">
	var arr=new Array(new Array(1,2,3,4),new Array(5,6,7,8));
	for(i=0;i<arr.length;i++){document.write(arr[i]);}
	</script>

5，数组去除重复值

	<script type="text/javascript">
	var arr=Array(1,2,2,3,4,5,6,6,6,7);
	function arrunique(arr){
	     for(i=0;i<arr.length;i++){
		        tmp=arr[i];
				for(k=0;k<arr.length;k++){
				    if(k!=i && tmp==arr[k]){
					 arr.splice(k,1)
					}
				}
		 }
		 return arr;
	}
    alert(arrunique(arr));

	</script>

6，checkbox 全选/全不选

请按下面内容编写一个页面，点页面里的“全选”时，能选中或清除上面的所有水果。选择你喜欢的水果：

□苹果

□桔子

□香蕉

□葡萄

□桃子

□全选/全不选

	<script type="text/javascript">
	window.οnlοad=function(){
	objip=document.getElementById('choseall');
	objselect=document.getElementsByTagName('input');
	var ischeck=false;
	objip.οnclick=function(){
	if(ischeck==false){
		for(i=0;i<objselect.length;i++){
		objselect[i].checked="checked";
		}
		ischeck=true;
	}else{
	for(i=0;i<objselect.length-1;i++){
	objselect[i].checked="";
	
	}
	ischeck=false;
	
	}
	
	}
	}
	</script>
</head>
<body>
<input type="checkbox">苹果
<input type="checkbox">桔子
<input type="checkbox">香蕉
<input type="checkbox">葡萄
<input type="checkbox">桃子
<input type="checkbox" id="choseall">全选/全不选
</body>

7，

请使用javascript相关函数对一个url【http://www.sohu.com:80/abc/index.htm

】进行解析,

提示：考虑使用如下函数

stringObject.substring(start,stop)

stringObject.indexOf(searchvalue,fromindex)

stringObject.lastIndexOf(searchvalue,fromindex)

http://www.sohu.com:80/abc/index.htm

要求从上面给出的 url中得到:

协议是什么 http

域名是什么 www.sohu.com

端口是什么 80

文件名是什么 index.htm

	<script type="text/javascript">
	var url="http://www.sohu.com:80/abc/index.htm";
    alert(url.substring(0,url.indexOf(':',url)));

    var ileft=url.substring(url.indexOf('//',url)+2);
    alert(ileft.substring(0,ileft.indexOf(':',ileft)));
    alert(ileft.substring(ileft.indexOf(':',ileft)+1,ileft.indexOf('/',ileft)));
	alert(ileft.substring(ileft.lastIndexOf('/',ileft)+1));
	</script>