页面元素显示不完整

问题描述

请先看截图,我第一次遇到这种问题,当然,不是代码标签未写完整的,代码所有的TD,TR都是包含完整且检查了很多遍。初步认为是字符编码集的问题,但是找不到解决方法。。 有没有遇到过相似情况的同仁? 请赐教下面贴上这个页面的相应代码:<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>main</title><%@include file="../includedMain.jspf"%><script language="JavaScript" type="text/javascript"> $(document).ready(function() { $.datepicker.setDefaults( $.datepicker.regional[ "zh-CN" ] ); $( "#choose-birthday" ).datepicker( {changeMonth: true, changeYear : true, yearRange : 'c-100:c' }); $( "#choose-come-day" ).datepicker( {changeMonth: true, changeYear : true, yearRange : 'c-100:c' }); var positionName = $("#pozitionSelect").find("option:selected").attr('name'); var teamTD = $("#ownTeamLabel");if(teamTD!=null){if(positionName == 'staffVO.salesman'){$("#ownTeamSelector").show();$(teamTD).show();}} }); </script></head><body class="ContentBody"><form id="staff_update_form" class="validate"action="<s:url value='/staff/staffUpdate.action'/>" method="post"enctype="multipart/form-data" name="form" target="mainFrame"><inputtype="hidden" name="staffVO.version"value="<s:property value='staffVO.version'/>" /><div class="MainDiv"><table width="99%" border="0" cellpadding="0" cellspacing="0"class="CContent"><tr><th class="tablestyle_title">员工信息修改</th></tr><tr><td class="CPanel"><table border="0" cellpadding="0" cellspacing="0" class="c3"><tr><td width="100%"><fieldset class="c4"><legend>员工信息</legend> <inputtype="hidden" name='staffVO.id'value="<s:property value='staffVO.id'/>" /> <input id="sexvalue"type="hidden" name="" /> <input type="hidden" id="pozitionValue"name="" value="" /> <input type="hidden" id="teamValue" name=""value="" /><table border="0" cellpadding="2" cellspacing="1" class="c3"><tr><td nowrap="nowrap" align="right">真实姓名:</td><td><input class="text requireValid c1"name='staffVO.staffName'value="<s:property value='staffVO.staffName'/>" /> <spanclass="errorMsg">*</span></td><td align="right">性别:</td><td><select name="sex"><option<s:if test="%{#staffVO.staffName =='male'}">selected="selected"</s:if>onchange="injectIntoForm('sexvalue','staffVO.sex','male');">男</option><option<s:if test="%{#staffVO.staffName =='famale'}">selected="selected"</s:if>onchange="injectIntoForm('sexvalue','staffVO.sex','famale');">女</option></select></td><input id="sexvalue" type="hidden" name="" /></tr><tr><td align="right">出生日期:</td><td><input id="choose-birthday" class="text c1"readonly="true" name='staffVO.birthDayStr'value="<s:property value='staffVO.birthDayStr'/>" /></td><td align="right">身份证号码:</td><td><input class="text requireValid c1"name='staffVO.idNumber'value="<s:property value='staffVO.idNumber'/>" /> <spanclass="errorMsg">*</span></td></tr><tr><td align="right">电子邮箱:</td><td><input class="text c1" name='staffVO.email'value="<s:property value='staffVO.email'/>" /></td><td align="right">电话号码:</td><td><input class="text requireValid c1"name='staffVO.phoneNumber'value="<s:property value='staffVO.phoneNumber'/>" /> <spanclass="errorMsg">*</span></td></tr><tr><td align="right">地址:</td><td><input name="staffVO.address"class="text requireValid c1" type="text"value="<s:property value='staffVO.address'/>" /> <spanclass="errorMsg">*</span></td><td align="right">职位:</td><td><select id="pozitionSelect" name="pozition"onchange="setPositionValue('pozitionSelect','pozitionValue');"><option name="staffVO.admin"<s:if test="#request.staffVO.hasAdminRole()">selected="selected"</s:if>><s:textname="ADMIN" /></option><option name="staffVO.manager"<s:if test="#request.staffVO.hasManagerRole()">selected="selected"</s:if>><s:textname="MANAGER" /></option><option name="staffVO.assistManager"<s:if test="#request.staffVO.hasAssistManagerRole()">selected="selected"</s:if>><s:textname="ASSISTMANAGER" /></option><option name="staffVO.teamLeader"<s:if test="#request.staffVO.hasTeamLeaderRole()">selected="selected"</s:if>><s:textname="TEAMLEADER" /></option><option name="staffVO.salesman"<s:if test="#request.staffVO.hasSalesmanRole()">selected="selected"</s:if>><s:textname="SALESMAN" /></option></select></td></tr><tr><td align="right">入职时间:</td><td><input id="choose-come-day" class="text c1"readonly="true" name='staffVO.comeDayStr'value="<s:property value='staffVO.comeDayStr'/>" /></td><td id="ownTeamLabel" align="right" class="c2"style="display: none;">所属团队</td><td id="ownTeamSelector" class="c2" style="display: none;"><selectname="staffVO.team.id"><s:iterator value="teamList" id="teamList"><option value="<s:property value="id"/>"<s:if test="#request.staffVO.team.teamName == #teamList.teamName">selected="selected"</s:if>><s:propertyvalue="teamName" /></option></s:iterator></select></td></tr><tr><td align="right">描述:</td><td colspan="3"><textarea name="staffVO.info" cols="100"rows="8"><s:property value="staffVO.info" /></textarea></td></tr></table><br /></fieldset></td></tr></table></td></tr> <tr> <td colspan="2" align="center" height="50px"> <input type="button" name="Submit" value="保存" class="button submit" /> <input type="button" name="Submit2" value="返回" class='button' onclick="window.history.go(-1);" /></td> </tr></table></div></form></body></html> 问题补充:asyty 写道

解决方案

我也觉得有可能是编码问题,不过一般编码问题都是会出现乱码 也有可能不是编码的问题 而是标签的问题,我个人更倾向是标签的问题,要不右键文件看一下文件属性里的编码。。。要不你试试从下到上依次把一部分html用<!-- -->注释掉,再刷新页面,判断一下是不是标签的问题
解决方案二:
应该是你的代码问题,在这个页面,显示到哪里。。那个位置的数据存在问题,也会导致页面加载失败,显示不全,你认真检查下,各个域的数据;
解决方案三:
readonly不是等于true 应该是等于readonly 小写的o
解决方案四:
把你的代码贴到eclipse里发现几个问题<td><select name="sex"><option<s:if test="%{#staffVO.staffName =='male'}">selected="selected"</s:if>onchange="injectIntoForm('sexvalue','staffVO.sex','male');">男</option><option<s:if test="%{#staffVO.staffName =='famale'}">selected="selected"</s:if>onchange="injectIntoForm('sexvalue','staffVO.sex','famale');">女</option></select></td>这么写有问题的,onchange不应该写在option里的,应该是写在<select name="sex">里的<input id="sexvalue" type="hidden" name="" />name空的<td><select id="pozitionSelect" name="pozition"onchange="setPositionValue('pozitionSelect','pozitionValue');"><option name="staffVO.admin"<s:if test="#request.staffVO.hasAdminRole()">selected="selected"</s:if>><s:textname="ADMIN" /></option><option name="staffVO.manager"<s:if test="#request.staffVO.hasManagerRole()">selected="selected"</s:if>><s:textname="MANAGER" /></option><option name="staffVO.assistManager"<s:if test="#request.staffVO.hasAssistManagerRole()">selected="selected"</s:if>><s:textname="ASSISTMANAGER" /></option><option name="staffVO.teamLeader"<s:if test="#request.staffVO.hasTeamLeaderRole()">selected="selected"</s:if>><s:textname="TEAMLEADER" /></option><option name="staffVO.salesman"<s:if test="#request.staffVO.hasSalesmanRole()">selected="selected"</s:if>><s:textname="SALESMAN" /></option></select></td>option没name这个属性的<td><input id="choose-come-day" class="text c1"readonly="true" name='staffVO.comeDayStr'value="<s:property value='staffVO.comeDayStr'/>" /></td>readonly不是等于true 应该是等于readOnly
解决方案五:
要不查看一下页面源代码,贴一下呗如果用chrome浏览器就更方便,右键点在出错的地方,右击审查元素看看
解决方案六:
这个。。。在js各处alert()一下看看,或者删掉一部分看看,个人觉得有可能是js的问题

时间: 2024-07-31 23:51:21

页面元素显示不完整的相关文章

JS实现随页面滚动显示/隐藏窗口固定位置元素_javascript技巧

窗口固定位置显示元素,当页面高度大于某高度,并且页面向下滚动时,显示该元素:当页面位置小于某高度,或者页面向上滚动时,隐藏该元素. 先给大家展示下效果图: 1.html <p id="selected-case-count"><span class='form-control'>已选: <span class="casecount">0</span></span></p> 2.css p#sel

Ajax返回json串附带html页面元素

问题描述 Ajax返回json串附带html页面元素 大家好!现在我碰到一个问题,在后台传到前台的页面中的json莫名多了一些html元素,导致json无法解析,出现错误,我想问问这种情况有同僚遇到过吗?是怎么解决的吗,谢谢分享,有大神也希望帮忙看看!,这是后台返回的json串,最上面是我需要的json,下面的是html页面元素, 这是ajax 大家帮下忙,小弟感激不尽 解决方案 我知道是从后台跑出来,,如果是struts的话,,可以这样 <result name="success&quo

EXTJS2.2中输入框边框显示不完整解决思路,一级解决办法。

同事在使用ExtJs时发现如下Bug:表单当中的元素,出现文本框参差不齐,有的没有边框等,不美观:输入框显示不完整,抓狂. 分析步骤及解决思路如下:    1.使用IE的F12功能,获取生成的输入框HTML脚本,关键点脚本如下.<pre><br><DIV style="PADDING-LEFT: 15px;background:blue" class=x-form-element><INPUT class="x-form-text&q

DHTML的四个属性来动态操作页面元素的内容

dhtml|动态|页面 IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果. 2. 对对象的outerText,outerHTML属性赋值(即写操作)

巧妙实现隐藏不想打印的web页面元素

web|打印|页面 <HTML><HEAD><TITLE>web打印去掉页眉页脚,以及不想打印出的页面元素</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><SCRIPT language=javascript>function printpr()   //预览函数{document.all("qingkon

如何获取设置图片大小以适应大小在页面上显示

显示|页面 大家知道,丰富多彩的Web页面离不开图片的支持,图像一方面增加了网页的生动性,另一方面增加了网页规模,使下载速度减慢.如何让一图片能以适当大小在页面上显示,成了我一时解不开的谜. 前不久,我为单位开发了一个教学科研网站,采用新闻管理系统,首页上新闻栏目中,需要从数据库中调用图片文件作为图片新闻中的图片,从而形成文字绕排形式.由于整个系统包括新闻上传.新闻编辑.系统公告等都是动态实现的.在开发的过程中,我考虑到以下几个因素:(1)作为网站的维护者,对计算机的操作不太熟练:(2)网站讲究

网页优化参考:搜索引擎的页面元素的权重比例

参考|搜索引擎|网页|页面|优化 网页优化过程中应该注意网页页面的元素,搜索引擎是对网页页面元素的比例有参考的! 内部链接文字: 10分 标题title: 10分 域名: 7分 H1,H2字号标题: 5分 每段首句: 5分 路径或文件名: 4分 相似度(关键词堆积): 4分 每句开头: 1.5分 加粗或斜体: 1分 文本用法(内容): 1分 title属性: 1分 (注意不是title>, 是title属性, 比如a href=- title=") alt标记: 0.5分 Meta描述(D

用定制标签库和配置文件实现对JSP页面元素的访问控制

js|访问|控制|页面        控制客户端访问是开发一个基于B/S的架构的系统的开发者必须考虑的问题.JSP或SERVLET规范的基于配置文件的安全策略对资源的控制是以文件为单位的,即只可以定义某个视图全部可以或全部不能被访问.一个比较复杂的系统往往要要求对视图的一部分(如JSP页面里的一个按钮)提供访问控制,只允许被某种角色的用户访问.如果采用可编程的安全策略,因为对用户角色和操作的定义在开发时不能定义,而且这种策略加大了程序员的工作量,它可能不是一种好的办法.        我采用定制

用Dreamweaver MX控制页面元素

dreamweaver|控制|页面 浏览带有下拉菜单的网页时,我们经常会注意到当更改显示器分辨率时,其下拉菜单的位置并没有改变,这也是我们设计网页时容易忽略的一个问题,其实通过CSS控制页面元素精确定位后,这一点就不难实现了. 建立主菜单栏新建页面,执行菜单"Insert/Table"命令打开"Insert Table"对话框,插入一个一行多列的表格,表格列数由你的菜单条目决定,同时设置"Cell Padding"."Cell Spac