`

js 字符串 隐藏,显示

    博客分类:
  • html
 
阅读更多
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<span id="layout">五五五wushouhegcc2ge家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景</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>

 

分享到:
评论

相关推荐

    JSON字符串查看小工具

    2. **高亮显示**:通过不同的颜色或样式,高亮显示不同类型的JSON数据,如字符串、数字、布尔值、数组和对象等,使用户能快速识别各个部分。 3. **搜索与筛选**:提供搜索功能,允许用户查找特定的键或值,同时可能...

    详解JavaScript ES6中的模板字符串

    JavaScript ES6 中的模板字符串是语言的一个重要更新,它提供了一种更为简洁和灵活的方式来创建和操作字符串。模板字符串以反引号(`)包裹,不仅允许我们在字符串中直接插入变量,还支持多行书写和保留空白。这些...

    base64序列化字符串

    - **可打印性**:Base64编码后的字符串只包含ASCII字符,可以在任何支持ASCII的平台上无误地显示和传输。 - **避免转义**:由于不包含控制字符,Base64编码可以避免HTTP、JSON等协议中的转义问题,简化数据处理。 - ...

    JS实现用特殊符号替换字符串的中间部分区域的实例代码

    标题中提到的“JS实现用特殊符号替换字符串的中间部分区域的实例代码”涉及了JavaScript编程语言中的字符串处理技术。在互联网应用中,为了防止敏感信息泄露,有时需要对用户输入的某些数据进行部分隐藏。这通常通过...

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    “javascript字符串hash”指的是在JavaScript中,将字符串转化为一个固定长度的数字表示,常用于数据校验、唯一标识或简化的比较操作。常见的JavaScript字符串hash算法有MD5、SHA系列等,也可以自定义简单算法,如将...

    jsp页面字符串截取,点击弹出弹出层

    在这个特定的场景中,"jsp页面字符串截取,点击弹出弹出层"是一个常见的交互需求,通常涉及到前端的JavaScript操作和后端的JSP处理。 首先,字符串截取是编程中的基本操作,无论是在Java还是JavaScript中。在JSP...

    JS删除字符串中重复字符方法

    具体来说,JS删除字符串中重复字符的方法主要利用了JavaScript数组的API。以下是一些关键的知识点: 1. 字符串与数组的转换 在JavaScript中,字符串可以转换成数组,数组也可以转换成字符串。这为我们在数组上操作...

    JavaScript 未结束的字符串常量常见解决方法

    例如,当你尝试传递一个包含换行的多行文本作为参数时,由于换行符在JavaScript字符串中是非法的,所以会出现错误。解决这种问题的一种方法是将含有特殊字符的数据存储到HTML的隐藏元素(如隐藏的`&lt;input&gt;`或`&lt;span&gt;...

    flashpaper api外部调用例子(查找字符串,隐藏ui,翻页)

    例如,你可以使用`FPRFindText()`函数来查找并突出显示文档中的指定字符串。这个函数需要提供要查找的文本和一些可选参数,如是否区分大小写、是否全词匹配等。一旦找到匹配项,API会返回一个包含匹配信息的对象,...

    Json字符串格式化JsonView

    安装后,当你访问一个包含JSON数据的URL或者在浏览器控制台输入JSON字符串时,JsonView会自动将其格式化并显示为树状结构。每一层的对象用缩进来表示,键和值之间用冒号分隔,值与逗号之间换行,使得整个数据结构...

    JavaScript笔记

    *凡是从页面上进入js的都是字符串类型 8.查找元素:抓住根节点,就等于抓住整棵树 网页的根节点:document对象 要找元素,必须利用document对象(当前网页文件) 精确查找某个ID的元素:document....

    js隐藏内容隐藏标签

    - `style.display = ""` 或 `style.display = "block"`:显示元素(默认值为"block",但为了兼容性和简洁起见,通常使用空字符串)。 ### 2. 内联样式与JavaScript交互 #### 2.1 内联样式 内联样式是指直接在HTML...

    css截取字符串简单实例

    对于那些需要在页面上动态显示或处理实际文本数据的情况,通常需要使用JavaScript或其他编程语言来实现真正的字符串截取和操作。 通过上述知识点的阐述,我们可以了解到,虽然CSS本身并没有直接截取字符串的能力,...

    htmllookslike断言HTML字符串看起来大致与另一个HTML相同

    `html-looks-like`库的工作原理是通过渲染HTML字符串到一个隐藏的浏览器窗口,然后捕获和比较这两个窗口的屏幕截图。这种方法可以捕捉到字体、颜色、布局等视觉效果的差异。 需要注意的是,由于`html-looks-like`...

    listbox添加部分隐藏字符

    在IT行业中,ListBox控件是常见于各种图形用户界面(GUI)应用的一种组件,它用于...这个过程涉及到对控件的自定义、字符串处理和前端交互等多个方面的技术知识。在实际应用中,应结合具体需求,灵活运用这些技术手段。

    hiddencoder:将ASCII字符串编码为零宽度的Unicode字符,然后解码回ASCII

    此工具采用ASCII字符串并将其编码为零宽度的Unicode字符,当打印未转义的字符串(隐藏编码的字符串)时,该字符不会显示。 解码操作也是可用的。用法 const { a2h , h2a } = require ( 'hiddencoder' ) ;const ...

Global site tag (gtag.js) - Google Analytics