使用正则表达式
正则表达式允许我们返回匹配的字符串。
这在动态操作和更改页面上的 HTML 时非常有用。
然而,有时 DOM 可能更容易。
当我们使用正则表达式更改 HTML 时,请格外小心,不要创建无效的 HTML。
替换页面中的代码时很容易发生这种情况。
下面的代码将返回链接上 href 属性的内容:
var str = '<a href="https://onitroad.com/" class="myclass">'; var found = str.match(/href="([^"]+)"/i); if (found) { //Outputs the matched content //console.log("What do you want! You Space Invader!"); alert(found[1]); } else { //Insults the fumbling web developer //console.log("What do you want! You Space Invader!"); alert("What do you want! You Space Invader!"); }
注意 found[1] 数组索引,如果我们使用“0”而不是“1”,它只会输出 href 作为返回的字符串。
除了使用alert,我们还可以使用 console.log() 直接写入浏览器开发人员工具的控制台。
在 JavaScript 中,可以使用 indexOf() 函数在另一个字符串中搜索一个字符串。
当此函数用于包含文本字符串的变量时,它会在成功定位时返回 1,如果未找到匹配项,则返回 -1.
var str = "This string contains a needle"; var n = str.indexOf("needle"); if (n >= 0) { alert("Found"); } else { alert("Not Found"); }
日期:2020-06-02 22:17:06 来源:oir作者:oir