使用正则表达式

正则表达式允许我们返回匹配的字符串。
这在动态操作和更改页面上的 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 在另一个字符串中查找字符串

在 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