Question

我希望我的应用从其他网页获取文字！

如果我插入“计算机”一词，我要转到剑桥网站的URL并获取我需要的数据。

insertingNewWord(insertedWord){
    var pageHTML = "https://dictionary.cambridge.org/dictionary/english/"+insertedWord;
    var definition = pageHTML.getElementByClasName("def-head");

    return definition;
}

任何想法，我如何可以从另一页上按类或ID名称获取任何标签，并打印在我的应用程序中。如果我在ReactJs中找到解决方案，那就更好了。

Answer 1

一种选择是使用<iframe>

<input type="text"><input type="button" value="search dictionary"><br>
<iframe width="400" height="300"></iframe>
<script>
  const [input, button] = document.querySelectorAll('input');
  const iframe = document.querySelector('iframe');
  button.addEventListener('click', e => {
    iframe.src = "https://dictionary.cambridge.org/dictionary/english/" + input.value;
  })
</script>

使用JavaScript从其他URL页面获取HTML内容

1 个答案: