原生JavaScript实用技巧:字符串处理、域名解析与HTML编码解码

需积分: 14 2 下载量 123 浏览量 更新于2024-09-08 收藏 423KB DOC 举报
本文档是一份关于原生JavaScript技巧的大集合,包含六个实用的函数或方法,适用于开发人员在日常编程中提高效率和处理字符串、URL、HTML标签等任务。以下是每个技巧的详细解释: 1. **字符串长度截取函数**: `cutstr(str,len)` 是一个用于截取字符串的函数,它接受一个字符串 `str` 和一个长度 `len` 参数。函数通过遍历字符串,根据正则表达式 `/[^\x00-\xff]/` 检查字符是否为可打印字符,如果不是,则跳过两个字符(因为可能包含宽度为2的Unicode字符),否则计数器 `icount` 加1。当达到指定长度限制时,停止截取并返回结果。 2. **获取域名主机函数**: `getHost(url)` 用于提取给定URL(如果未提供,则默认使用当前页面的 `window.location.href`)中的主机名。函数使用正则表达式 `^\w+\:\/\/([^\/]*)` 匹配URL模式,确保匹配成功后将结果存储在 `host` 变量中,并返回该值。 3. **清除字符串两端空格的trim方法**: 在原生JavaScript的 `String.prototype.trim()` 方法中,通过正则表达式 `/^\s*(.*?)\s+$/` 删除字符串前后多余的空白字符,只保留字符串内容。 4. **替换全部函数**: `replaceAll(s1,s2)` 是一个字符串替换功能,接受两个参数 `s1` 和 `s2`,使用全局和多行匹配模式 (`gm`) 替换字符串中的所有匹配项。 5. **HTML编码函数**: `HtmlEncode(text)` 用于将文本中的特殊字符进行转义,如 `&`、`"`、`<` 和 `>` 分别替换为 `&amp;`、`&quot;`、`&lt;` 和 `&gt;`,防止在HTML渲染时出现安全问题。 6. **HTML解码函数**: `HtmlDecode(text)` 是 `HtmlEncode` 的逆操作,用于还原HTML实体,将转义后的字符还原为原始形式,便于在HTML环境中正确显示。 这些技巧展示了原生JavaScript的强大之处,开发者可以通过熟练掌握它们来简化代码、增强代码的兼容性和安全性。在实际项目中,结合使用这些方法可以更高效地处理字符串操作和网络请求的数据解析,提升用户体验。
2019-03-12 上传