天天看點

js 練習小知識點

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>