页面内容相关操作

来源：互联网发布：网络诈骗举报网站编辑：程序博客网时间：2024/06/06 18:32

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

方法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>