在html中显示长度较大的数据处理方法

在html中显示长度较大的数据处理方法,第1张

在html中显示长度较大的数据处理方法

在html中显示长度较大的数据时,可以将数据截取显示,当鼠标滑过时再显示完整数据。

例如,下面这种情况。

实现:

<a title="${siteBoardInfoList.boardUrl}">

<c:if test="${fn:length(siteBoardInfoList.boardUrl) >= 40}">

${fn:substring(siteBoardInfoList.boardUrl,0,20)}......${fn:substring(siteBoardInfoList.boardUrl,fn:length(siteBoardInfoList.boardUrl)-21,fn:length(siteBoardInfoList.boardUrl))}

</c:if>

<c:if test="${fn:length(siteBoardInfoList.boardUrl) <40}">

${siteBoardInfoList.boardUrl}

</c:if>

</a></p

html中并无法直接获取input的内容的长度.

一般推荐您使用JS来配合计算

<input type="text" id="username" onpropertychange="getlen()">

<input type="text" id="lennum" value="0">

<script>

function getlen(){

 document.getElementById('lennum').value=document.getElementById('username').value.length

}

</script>

效果:

这里注意使用的onpropertychange事件仅仅支持IE浏览器,您也可以使用HTML5自带的事件oninput.但是oninput仅支持支持HTML5的浏览器,IE9以下无效.

*** 作方法如下:

1、以Hbuilder来讲解,首先新建一个HTML页面,如图

2、接着给标签设置背景图片,如图设置的是<body>标签;

3、然后新建一个css文件,如图;

4、这里给body标签设置background-size属性,如果标签是div就写div,然后可以设置宽度和高度;

5、如图所示,在new_file.html里面编辑:<link href="css/1.css" type="text/css" rel="stylesheet"/>,就可以设置背景图片的大小了;

6、最后在浏览器中预览一下,如图为部分背景。

扩展资料:

如何在htlm中插入图片:

1、用dw创建一个网页文档,会自动写入这些代码。我用的是DW软件;

2、在<body></body>中间写入<img src 后会自动有一个“浏览”;

3、在下一步之前要进行保存,ctrl+s进行保存;

4、点击“浏览”后,选择图片的来源路径;

5、最后在键盘上敲打"</"就行了,图片就插入了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7491294.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存