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

xiaoxiao2021-02-27  317

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)

设置高度等于宽度即可。

转载请注明原文地址: https://www.6miu.com/read-5028.html

最新回复(0)