js實現頁面被點擊後當前頁面改變

❶ 如何用js實現在A頁面中點擊鏈接來修改B頁面內容,不能刷新不用框架

如果B頁面是父頁面的話是可以的，就是你的A頁面是B頁面window.open出來的或者是模態窗口也行。這樣在A頁面通過window.opener.B頁面的js方法 可以實現你說的東東
例如 B.jsp 包含js方法 function a（）{刷新局部} function b(){windwo.open("url打開A頁面");}

A.jsp,點擊鏈接調用js方法 function c（）{ window.opener.a();};哦了

❷ html css js導航點擊菜單後自動改變背景顏色

1、建立一個靜態頁命名為change.html ，標題為js導航點擊的怎麼同時變圖片跟字體顏色。

❸ 用js實現兩個按鈕效果，上一頁 下一頁，點上一頁按鈕頁面跳轉到上一頁，點下一頁按鈕頁面跳轉到下一頁。

這是典型的分頁，你這個布局是有點問題的。分頁的頁是動態創建出來的。

HTML：<div id="div1"></div>直接一個DIV就行，是分頁的容器！下面是一個分頁的例子的代碼。我建議你還是網上找一套關於JavaScript分頁的視頻來看，看完自然就懂了。

window.onload=function(){
	varoBox=document.getElementById('box');
	varaDiv=oBox.getElementsByTagName('div');
	page({
	
		id:'div1',
		nowNum:1,
		allNum:15,
		callBack:function(now,all){
			
			alert('當前頁:'+now+',總共頁:'+all)
		}
	});
	
	
};

functionpage(opt){

	if(!opt.id){returnfalse};
	
	varobj=document.getElementById(opt.id);
	
	varnowNum=opt.nowNum||1;
	varallNum=opt.allNum||5;
	varcallBack=opt.callBack||function(){};
	
	if(nowNum>=4&&allNum>=6){
	
		varoA=document.createElement('a');
		oA.href='#1';
		oA.innerHTML='首頁';
		obj.appendChild(oA);
	
	}
	
	if(nowNum>=2){
		varoA=document.createElement('a');
		oA.href='#'+(nowNum-1);
		oA.innerHTML='上一頁';
		obj.appendChild(oA);
	}
	
	if(allNum<=5){
		for(vari=1;i<=allNum;i++){
			varoA=document.createElement('a');
			oA.href='#'+i;
			if(nowNum==i){
				oA.innerHTML=i;
			}
			else{
				oA.innerHTML='['+i+']';
			}
			obj.appendChild(oA);
		}	
	}
	else{
	
		for(vari=1;i<=5;i++){
			varoA=document.createElement('a');
			
			
			if(nowNum==1||nowNum==2){
				
				oA.href='#'+i;
				if(nowNum==i){
					oA.innerHTML=i;
				}
				else{
					oA.innerHTML='['+i+']';
				}
				
			}
			elseif((allNum-nowNum)==0||(allNum-nowNum)==1){
			
				oA.href='#'+(allNum-5+i);
				
				if((allNum-nowNum)==0&&i==5){
					oA.innerHTML=(allNum-5+i);
				}
				elseif((allNum-nowNum)==1&&i==4){
					oA.innerHTML=(allNum-5+i);
				}
				else{
					oA.innerHTML='['+(allNum-5+i)+']';
				}
			
			}
			else{
				oA.href='#'+(nowNum-3+i);
				
				if(i==3){
					oA.innerHTML=(nowNum-3+i);
				}
				else{
					oA.innerHTML='['+(nowNum-3+i)+']';
				}
			}
			obj.appendChild(oA);
			
		}
	
	}
	
	if((allNum-nowNum)>=1){
		varoA=document.createElement('a');
		oA.href='#'+(nowNum+1);
		oA.innerHTML='下一頁';
		obj.appendChild(oA);
	}
	
	if((allNum-nowNum)>=3&&allNum>=6){
	
		varoA=document.createElement('a');
		oA.href='#'+allNum;
		oA.innerHTML='尾頁';
		obj.appendChild(oA);
	
	}
	
	callBack(nowNum,allNum);
	
	varaA=obj.getElementsByTagName('a');
	
	for(vari=0;i<aA.length;i++){
		aA[i].onclick=function(){
			
			varnowNum=parseInt(this.getAttribute('href').substring(1));
			
			obj.innerHTML='';
			
			page({
			
				id:opt.id,
				nowNum:nowNum,
				allNum:allNum,
				callBack:callBack
			
			});
			
			returnfalse;
			
		};
	}

}

❹ 怎那樣用js實現點擊select下拉框中的選項更改頁面內容

給下拉菜單賦值的語句（有錯誤）
var Dept = mainPage.document.getElementsByName("Dept")[i-1];
for(var k=0;k<Dept.length;k++) {
if(Dept[k].value==trim(treatDetailRow.cells[2].innerHTML)) {
Dept[k].selected=true;
}
}
+++++++++++++++
下拉菜單
newCell=newRow.insertCell();
newCell.align="center";
newCell.className="row";
newCell.height="30px";
newCell.innerHTML=
"<select id='d' name='Dept' >"+
"<logic:present name='Dept' scope='request'>"+
"<logic:iterate id='d' name='Dept'>"+
"<option value='<bean:write name='d' property='deptCode'/>'>"+
"<bean:write name='d' property='deptName'/>"+
"</option>"+
"</logic:iterate>" +
"</logic:present>" +
"</select>"+
"<input type='hidden' name='deptName' />";var Dept = mainPage.document.getElementsByName("Dept")[i-1];
for(var k=0;k<Dept.length;k++) {
if(Dept[k].value==trim(本頁面下拉菜單的值 treatDetailRow.performedBy)) {
Dept[k].selected=true;
}
}

❺ 用JS實現導航欄欄目點擊後，被點擊後的欄目字體顏色作改變

varmenu=document.getElementById('menu');
varlinks=menu.getElementsByTagName('a');
for(vari=0;i<links.length;i++){
links[i].onclick=function(){
for(varj=0;j<links.length;j++){
if(links[j]==this){
this.style.color='red';
}else{
links[j].style.color='';
}
}
}
}

點擊鏈接之後會刷新頁面。改了顏色換了頁之後也內不會有效容果啊。

❻ 怎麼用js實現點擊頁面上的div慢慢放大，再次點擊慢慢縮小。在同一個div

用jq 可以抄輕松實現 下面的代碼是 移位 +放大, 再次點擊時的代碼自己加

<scriptsrc="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("div").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
});
});
});
</script>