如何检查字符串是否以 iFrame 开头？

Question

我们正在构建一个新闻源应用程序，其中一些帖子包含 iframe 的 youtube 视频，而另一些则不包含。为了使视频具有响应性，我们将 div 包装在具有“视频容器”类的 div 中。但是，我们只希望该类在数据字符串以 . 开头时处于活动状态。

这是用于 v-for 循环中的项目。

使用vuejs，如何查看数据字符串是否包含“iframe”？

<v-card-text class="pt-1 pb-0">
      <div :class="{'video-container': 
(videoCheck(props.item.content) )}">
   <p v-html="props.item.content"></p>
      </div>
</v-card-text>

以及方法：

videoCheck: function(item){
  var substring = "<iframe>"
  return item.includes(substring)
},

Answer 1

据我所知，最向后兼容的解决方案是使用indexOf：

return item.indexOf(substring) == 0;

在所有最新的浏览器中也有startsWith：

return item.startsWith(substring);