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>