从另一个网站 JS 填写表格

Question

我想从另一个网站填写表格，但我有一个错误，我不明白为什么。

我的 JS 的功能：

<script type="text/javascript">
  function rempliFormulair(url) {
    var fenetrePopup = window.open(url);
 fenetrePopup.getElementsByName("NameText").value = "MyLogin";
    fenetrePopup.getElementsByName("NameForm").submit();
  }

  </script>

有我的表格：

<form name = "NameForm" class="" action="index.html" method="post">
  <input id = "idText" type="text" name="NameText" value="">
    <input id = "azee" type="submit" name="submit" value="aze">
</form>

我的错误：

未捕获的 TypeError: fenetrePopup.getElementsByName 不是 rempliFormulair 的函数

Answer 1

未捕获的类型错误：fenetrePopup.getElementsByName 不是函数 在rempliFormulair

fenetrePopup 是对 pop-window 对象的引用。您需要同时访问document 对象。另外你只能访问文档if the origin is same。

其次，getElementsByName 返回一个NodeList，

试试

fenetrePopup.document.getElementsByName("NameText")[0].value = "MyLogin";
fenetrePopup.document.getElementsByName("NameForm")[0].submit();

或使用querySelector

var doc = fenetrePopup.document;
doc.querySelector("[name='NameText']").value = "MyLogin";
doc.querySelector("[name='NameForm']").submit();

注意

这仅在url 位于同源时才有效。

编辑

还需要等待子window的onload事件

fenetrePopup.onload = function(){
    var doc = fenetrePopup.document;
    doc.querySelector("[name='NameText']").value = "MyLogin";
    doc.querySelector("[name='NameForm']").submit();
};