js判断字符串中是否包含某个字符串 兼容所有浏览器示例

你可以使用以下代码来判断一个字符串是否包含另一个字符串，并兼容所有浏览器：

var str = "This is a sample string";
var substr = "sample";

if (str.indexOf(substr) !== -1) {
  console.log("字符串中包含指定的子字符串");
} else {
  console.log("字符串中不包含指定的子字符串");
}

这段代码使用了字符串的 `indexOf()` 方法来查找子字符串在目标字符串中的位置。如果返回值不等于 -1，说明目标字符串中包含了子字符串。否则，目标字符串中不包含子字符串。

这种方法在大多数现代浏览器中都有效。但如果你需要兼容旧版本的浏览器，可以使用下面的代码：

var str = "This is a sample string";
var substr = "sample";

if (str.indexOf(substr) >= 0) {
  console.log("字符串中包含指定的子字符串");
} else {
  console.log("字符串中不包含指定的子字符串");
}

这里使用了 `>=` 来判断子字符串是否存在于目标字符串中。如果返回值大于等于 0，则说明目标字符串中包含了子字符串。

希望这个示例能满足你的需求！

相关问题

js判断字符串中是否包含某个字符串 ，并将这些被包含的字符串添加到标签中绑定点击事件兼容所有浏览器示例

你可以使用JavaScript的`indexOf`方法来判断字符串中是否包含某个子字符串。以下是一个示例代码，它将在找到匹配的子字符串时将其添加到一个标签中，并绑定点击事件以兼容所有浏览器：

// 获取包含要搜索的字符串的父元素
var parentElement = document.getElementById("parentElement");

// 要搜索的字符串
var searchString = "要搜索的字符串";

// 所有文本节点的集合
var textNodes = [];

// 递归遍历元素的所有子节点，找到文本节点
function findTextNodes(element) {
  for (var i = 0; i < element.childNodes.length; i++) {
    var node = element.childNodes[i];

    if (node.nodeType === Node.TEXT_NODE) {
      textNodes.push(node);
    } else {
      findTextNodes(node);
    }
  }
}

// 在文本节点中搜索匹配的子字符串
function searchAndHighlight() {
  for (var i = 0; i < textNodes.length; i++) {
    var node = textNodes[i];
    var text = node.textContent;
    var index = text.indexOf(searchString);

    if (index !== -1) {
      var before = text.substring(0, index);
      var after = text.substring(index + searchString.length);
      
      // 创建包含匹配子字符串的span元素
      var span = document.createElement("span");
      span.textContent = searchString;

      // 创建包含之前和之后文本的文本节点
      var beforeNode = document.createTextNode(before);      var afterNode = document.createTextNode(after);

      // 替换原来的文本节点
      node.parentNode.replaceChild(afterNode, node);

      // 插入新的节点
      node.parentNode.insertBefore(afterNode, span);
      node.parentNode.insertBefore(span, afterNode);

      // 绑定点击事件
      span.addEventListener("click", function() {
        alert("你点击了匹配的字符串：" + this.textContent);
      });
    }
  }
}

// 开始搜索并高亮匹配的字符串
findTextNodes(parentElement);
searchAndHighlight();

在上面的代码中，你需要将`"要搜索的字符串"`更改为你想要搜索和高亮显示的子字符串，并将`"parentElement"`更改为你包含这些文本的父元素的ID。这样，代码将遍历父元素中的所有文本节点，搜索匹配的子字符串，并将其添加到一个带有点击事件的`<span>`元素中。

希望这能满足你的需要！如果有任何疑问，请随时提问。

js判断字符串中是否包含某个字

在JavaScript中，判断字符串中是否包含某个字可以使用test()、search()和indexOf()等方法。test()方法用于检索字符串中指定的值，返回true或false。search()方法用于检索字符串中指定的子字符串，如果找到则返回匹配的位置，否则返回-1。indexOf()方法返回某个指定的字符串值在字符串中首次出现的位置，如果没有找到则返回-1。

例如，使用test()方法判断字符串中是否包含某个字：

var str = "欢迎来到这里！";
var reg = /欢迎/;
console.log(reg.test(str)); // true

使用search()方法判断字符串中是否包含某个字：

var str = "欢迎来到这里！";
console.log(str.search("欢迎") !== -1); // true
console.log(str.search("欢迎到") !== -1); // false

使用indexOf()方法判断字符串中是否包含某个字：

var str = "欢迎来到这里！";
console.log(str.indexOf("欢迎") !== -1); // true
console.log(str.indexOf("欢迎到") !== -1); // false