JavaScript实用技巧:字符串截取与元素隐藏
33 浏览量
更新于2024-08-28
收藏 76KB PDF 举报
"JavaScript实用技巧集锦"
这篇文章总结了一些实用的JavaScript小技能,包括字符串截取、元素隐藏以及根据设备类型应用不同样式的处理方法。
首先,`subString` 函数是一个用于截取字符串的函数,它特别考虑了汉字占两个字符的情况。函数接收两个参数:`str` 为要截取的字符串,`len` 为允许显示的最大字符数。通过正则表达式 `chineseRegex`,它可以识别非ASCII字符(通常是汉字)。在循环中,函数会计算字符串中的每个字符,如果遇到汉字,则增加 `newLength` 的值2,否则增加1。当 `newLength` 超过 `len` 时,循环停止并返回截取后的字符串。如果原始字符串长度超过 `len`,会在末尾添加省略号。
接着,`close_window` 函数用于隐藏可见的元素。它遍历具有`.dialog_con` 类的所有元素,使用 `:visible` 伪类判断元素是否可见。如果找到至少一个可见的元素,函数会隐藏所有 `.dialog_con` 和 `.dialogbox` 元素。如果没有可见元素,函数会调用 `window.android.callAndroidFinish()` 方法,这可能是与Android设备交互的自定义函数。
最后,文章提供了一个示例来根据设备类型引用不同的样式。这通常用于响应式设计,确保在不同设备上呈现合适的布局。通过使用JavaScript的 `if` 语句配合正则表达式,可以检测用户设备的特征。虽然具体的设备检查条件没有完全给出,但这种做法常见于检测移动设备和平板电脑,以便应用相应的CSS样式或执行特定的设备优化操作。
这些JavaScript技巧在实际开发中非常有用,它们可以帮助开发者更高效地处理字符串操作、动态调整界面状态以及实现设备感知的网页布局。学习和理解这些技巧可以提升JavaScript编程的灵活性和效率。
2019-05-18 上传
2008-11-05 上传
2020-10-22 上传
2009-04-08 上传
2007-05-30 上传
2008-11-18 上传
2018-09-06 上传
2009-11-20 上传
2018-01-30 上传
weixin_38710524
- 粉丝: 7
- 资源: 884
最新资源
- 新代数控API接口实现CNC数据采集技术解析
- Java版Window任务管理器的设计与实现
- 响应式网页模板及前端源码合集:HTML、CSS、JS与H5
- 可爱贪吃蛇动画特效的Canvas实现教程
- 微信小程序婚礼邀请函教程
- SOCR UCLA WebGis修改:整合世界银行数据
- BUPT计网课程设计:实现具有中继转发功能的DNS服务器
- C# Winform记事本工具开发教程与功能介绍
- 移动端自适应H5网页模板与前端源码包
- Logadm日志管理工具:创建与删除日志条目的详细指南
- 双日记微信小程序开源项目-百度地图集成
- ThreeJS天空盒素材集锦 35+ 优质效果
- 百度地图Java源码深度解析:GoogleDapper中文翻译与应用
- Linux系统调查工具:BashScripts脚本集合
- Kubernetes v1.20 完整二进制安装指南与脚本
- 百度地图开发java源码-KSYMediaPlayerKit_Android库更新与使用说明