1

早些时候我找到了一个我没有的问题的解决方案，现在我创造了更多的问题，希望找到一个解决方案。

我有一个提交 URL 的表单：

<form name="urlField" onsubmit="return submitURLFieldForm();">
  <input type="text" name="address" id="addressfield" />
</form>

该 URL 在新选项卡/窗口中打开。现在我想重置该字段，重新添加“http://”并将焦点放在最后，准备输入新的 URL。我下面的 JS 适用于除 Opera 之外的所有浏览器。由于页面在所有浏览器中正确加载，包括 Opera（字段focus()&value()都最初设置在<body>标签中）我认为这一定是我的 onSubmit 函数有问题：

function submitURLFieldForm() {
var url = document.getElementById('addressfield').value;
if (!url.match(/^[a-zA-Z]+:\/\//)) {
    url = 'http://' + url;
}
window.open(url);
    document.urlField.address.reset();
    document.urlField.address.focus();
    document.urlField.address.value='http\://';
}

有没有另一种写法？这是马虎吗？

4

1 回答 1

1 
<head>
<script type="text/javascript">
function submitURLFieldForm() {
    var url = document.getElementById('addressfield').value;
    if (!url.match(/^[a-zA-Z]+:\/\//)) {
        url = 'http://' + url;
    }
    window.open(url);
    document.getElementsByName('urlField')[0].reset();
    resetForm();
    return false;
}
window.onload = function() {
    resetForm();
}
function resetForm() {
    var address = document.getElementsByName('address')[0];
    address.focus();
    address.value = "http://";
}
</script>

</head>
<body>
    <form name="urlField" onsubmit="return submitURLFieldForm();">
      <input type="text" name="address" id="addressfield" />
    </form> 
</body>

编辑
检查歌剧控制台后，添加了一些更改。我希望它像你想的那样工作。

于 2013-04-29T17:20:06.617 回答