页面内容相关操作_js隐藏页面 content-CSDN博客

本文链接：https://blog.csdn.net/kaidishi/article/details/10176743

一隐藏和显示页面指定区域的内容

方法1：使用JS事件实现

隐藏

document.getElementById("myPageContent").style.display="none"

显示

document.getElementById("myPageContent").style.display="inline"

HTML：任意一个控件或块

<span id="myPageContent" name="myPageContent">
	控制显示或隐藏的页面内容
 </span>

方法2：使用JQ实现

隐藏

$("#myPageContent").hide();

显示

$("#myPageContent").show();

HTML：任意一个控件或块

<span id="myPageContent" style="display: none;">
	常用意见
</span>

二修改页面指定区域的内容

方法1：JS和<span>标签联合实现

JS：

document.getElementById("myContent").innerHTML = "修改后的内容";

HTML：

 <span id="myContent" name="myContent">
	初始页面内容
 </span>

三新建一个页面，并且居中

JS：

                  var width="1024"; //弹出窗口的宽度;
		var height="700"; //弹出窗口的高度;	
		var top = (window.screen.height-30-height)/2; //获得窗口的垂直位置;
		var left = (window.screen.width-10-width)/2; //获得窗口的水平位置;
		window.open('pageURL.jsp','','height='+height+',width='+width+',top='+top+',left='+left+',toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes');

四按钮不可操作

JQ：

        $("#tb").attr('disabled',true); //不可操作
	$("#tb").attr('disabled',false);//可操作或$('#tb').removeAttr("disabled");

JS：

 document.frmAction.bt.disabled=true;//不可操作 document.frmAction.bt.disabled=false;//可操作
 //或者
 document.getElementById("bt").disabled=true;




<form id="frmAction"><button id="bt" value="按钮"/></form>