关于html一些小操作(注:只是方便本人用的时候容易找,高手勿喷!)

来源:互联网 发布:防止刷短信验证码 php 编辑:程序博客网 时间:2024/06/04 18:34


1.刷新页面保留文本框内容(<s:property value='stationName'/>)

<input type="text" value="<s:property value='stationName'/>" name="stationName"/>

s标签的value属性值等于input文本框name属性值


2.刷新页面保留文本框内容($('#area').val('${param["areaID"]}');)


<input type="text" value="" id="area" name="areaID" />

$('#area')   jQueryID选择器

$('#area').val('${param["areaID"]}');   需写在页面加载前执行js方法中($(document).ready(function(){})或$(function(){ })方法中)

3.设置html高度等于宽度,主要用于解决分辨率不同显示图片问题(比如1920*1080分辨率下六张图片显示1行,800*600就显示成了两行)

<div>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image1'].imagepath}" src="${ctx}/${mapImage['image1'].imagepath}"/></span>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image2'].imagepath}" src="${ctx}/${mapImage['image2'].imagepath}"/></span>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image3'].imagepath}" src="${ctx}/${mapImage['image3'].imagepath}"/></span>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image4'].imagepath}" src="${ctx}/${mapImage['image4'].imagepath}"/></span>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image5'].imagepath}" src="${ctx}/${mapImage['image5'].imagepath}"/></span>   <span style="padding-left: 1%;"><img  style="width: 13%;height:expression(this.clientWidth); border-radius:50%" data-original="${ctx}/${mapImage['image6'].imagepath}" src="${ctx}/${mapImage['image6'].imagepath}"/></span></div>


首先把高度设置成百分比,然后利用


height:expression(this.clientWidth)


设置高度等于宽度即可。

0 0
原创粉丝点击