最简单的JS字符串的显示与隐藏

<!doctype html>
<html>
<head><meta charset="utf-8"><title>字符串的显示与隐藏</title>
</head><body>
<span id="layout">asdasd 大苏打撒 旦你看萨克雷放假了恺撒奖分厘卡赛季士大夫加里奎斯搭街坊勒科斯解放党离开龙宽九段烧录卡发酵饲料杜可风捷斯连科龙宽九段弗兰克绝对是弗兰克打碎了扣分记录可的松解放</span>【<a id='more' href='#'>查看更多</a>】
<script type="text/javascript">var end;var oDiv=document.getElementById("layout");var oText=oDiv.innerHTML;function suolve( str ){var sub_length = 10 ;var temp1 = str.replace(/[^\x00-\xff]/g,"**");console.info(temp1);var temp2 = temp1.substring(0,sub_length);var x_length = temp2.split("\*").length - 1 ;var hanzi_num = x_length /2 ;console.info(hanzi_num);sub_length = sub_length - hanzi_num ;console.info(sub_length);var res = str.substring(0,sub_length-5);if(sub_length < str.length ){end  =res+"……" ;}else{end  = res ;}return end ;}suolve(oText);oDiv.innerHTML=end;var oBtn=document.getElementById("more");oBtn.onclick=function(){if(oBtn.innerHTML=="查看更多"){oDiv.innerHTML=oText;oBtn.innerHTML="显示精简";}else if(oBtn.innerHTML=="显示精简"){oDiv.innerHTML=end;oBtn.innerHTML="查看更多"}}
</script>
</body>
</html>

最简单的JS字符串的显示与隐藏相关推荐

js中div显示和隐藏钮为什么页面总是跳一下到最上面
<div class="menu_left"> <ul > <li id="t1" style="background- ...
html显示隐藏内容点击显示数据表代码,js如何实现点击显示和隐藏表格
js如何实现点击显示和隐藏表格一.总结一句话总结: 1.给table或者table里面的元素添加点击事件, 2.然后判断当前表格的数据显示或者隐藏, 3.然后通过display属性显示(非none ...
html显示隐藏图片,简单的图片显示与隐藏
今天有个小问题,在iPhone上显示所有图片.但是不可能一次显示全部,只能显示图片的名称列表.需要点击图片名,然后显示图片,再次点击的话,就隐藏图片.一个比较简单的javascript代码,在这里记录 ...
HTML有displaynone无法隐藏,display：none显示和隐藏
显示和隐藏问题 #a{ width: 500px; height: 300px; background-color: red; /*display:none;*/ visibility:hidden; ...
Javascript点击显示或隐藏下拉框
效果图: 代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
laytpl语法_浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式 laytpl 模板语法 {{ d.field }} 输出一个普通字段,不转义html 官方的说明但d.field 为空时会显示nu ...
VUE.js 中取得后台原生HTML字符串原样显示问题
今天使用vue调试页面,发现了页面上的一个问题,后台数据传过来的HTML字符串并没有被转换为正常的HTML代码,一拍脑门,发现忘记转换了,于是满心欢喜加上了{{{}}}.但是之后构建发现报错: 为此去 ...
js \n直接显示字符串_显示N个字符的最短时间
js \n直接显示字符串 Problem statement: 问题陈述: You need to display N similar characters on a screen. You are ...
js 超简单判断是否字符串是否为纯数字
js 超简单判断是否字符串是否为纯数字 if(Number(num)+'' !==NaN+'' ){console.log('是纯数字') }else{console.log('不是纯数字') }

最简单的JS字符串的显示与隐藏

最简单的JS字符串的显示与隐藏相关推荐

最新文章

热门文章