JavaScript实用技巧:字符串截取与元素隐藏

0 下载量 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编程的灵活性和效率。