怎样使用js contains方法

怎样使用js contains方法

javascript中的contains方法怎么使用？很多朋友不清楚。其实js里的contains方法不是跟java方法里的contains一样可以用来判断字符串1是否包含字符串2。原生JS中是有contains方法的，但这个原生态的contains只能用来判断DOM元素的包含关系。传递的参数必须是Element类型的。

先打开我们的编辑器，先建个html文件，在html文件里输入2个div，其中div1包含div2，这样下面就可以演示js原生态里的contains用法了，如下图所示。

在新建好的html文件里添加javascript代码，代码如下：

var div1 = document.getElementById("id1");

var div2 = document.getElementById("id2");

alert("div1包含div2："+div1.contains(div2)+'\n'+"div2包含div1："+div2.contains(div1));

此段代码可以测试说明javascript里的contains方法的用法。如下图所示。

打开运行上面写好的html文件，在浏览器窗口里弹出对话框，提示我们如下信息：

div1包含div2：true

div2包含div1：false

这正好说明了javascript里的contains用法是可以来判断DOM元素的包含关系的，如下图所示。

下面再修改下我们的源代码，修改如下：

var str1 = "abc";

var str2 = "a";

alert(str1.contains(str2));

以上代码是来检测javascript里的contains是否能像java一样来【判断字符串的包含关系。如下图所示。

保存后，我们再次打开运行这个html文件，发现浏览器里并没有弹出对话框，此时打开浏览器调试对话框，发现报错了，错误显示str1.contains不是一个方法，说明js里的contains不能用于字符串。如下图所示。

javascript中没有contains()方法，但是我们可以用indexOf("str") != -1来代替判断字符串的包含关系。修改代码如下：

var str1 = "abc";

var str2 = "a";

//alert(str1.contains(str2));

alert("str1包含str2："+ (str1.indexOf(str2)!=-1?true:false));

}

此时在打开运行修改后的html文件。发现浏览器弹出了我们想要的信息了，如下图所示。