1

我正在尝试从 textarea 中获取单词换行符，而无需进行任何服务器调用。这个答案让我走上了 90% 的路。问题是每次单击提交按钮时页面都会在 iframe 内重新加载。这是代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<body>
  <script type="text/javascript">
    function getURLParameter(qs, name) {
      var pattern = "[\\?&]" + name + "=([^&#]*)";
      var regex = new RegExp(pattern);
      var res = regex.exec(qs);
      if (res == null)
        return "";
      else
        return res[1];
    }

    function getHardWrappedText() {
      var frm_url = document.getElementById('frame').contentDocument.URL;
      var text = unescape(getURLParameter(document.getElementById('frame').contentDocument.URL, 'text')).replace(/\+/g, ' ');
      return text;
    }

    function onIFrameLoad() {
      var text = getHardWrappedText();
      console.log(text);
    }

    window.onload = function() {
      console.log("loading")
    };
  </script>
  <form name="form" method="get" target="frame">
    <textarea id="text" name="text" cols=5 wrap="hard">a b c d e f</textarea>
    <input type="submit">
  </form>
  <iframe id="frame" name="frame" onload="onIFrameLoad()" style="display:none;"></iframe>
</body>

</html>

点击提交按钮给出输出：

loading
a b c d e 
f

有没有办法防止 iframe 重新加载页面？

4

1 回答 1

0

您必须向表单的 onsubmit 事件返回 false。

<form name="form" method="get" target="frame" onsubmit="onIFrameLoad">

如果它基于您不想加载的某些条件

function onIFrameLoad() {
    var text = getHardWrappedText();
    console.log(text);
    if(text.indexOf('\n')<0) return false;
}

我只是把一个随机的东西放在text.indexOf('\n')<0，你可以有任何有意义的东西或总是返回 false （这看起来不太可能）

于 2012-05-13T02:41:11.733 回答