4

我想全屏显示一个弹出窗口，只有顶部可见的地址栏。最小化和关闭按钮也应该不可见。目前我正在使用以下代码，它使我能够在 IE 9 中进入全屏模式，但即使 location=1 也不显示地址栏

function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=1,menubar=1,location=0,directories=1,status=0,channelmode=0,fullscreen=1')
}
4

1 回答 1

0

我认为目前还没有办法只全屏显示导航栏 - 或者至少不是我能找到的。

如果是这种情况，您需要以编程方式重新创建地址栏，然后在使用地址栏时通过 JavaScript 重置您的位置。您可以根据需要使用 CSS 样式使其看起来或多或少像标准栏。

在下面的示例中，我更加充实了 JS；在表单的submit事件上，您可以使用window.location.href它在浏览器中引起重定向。可能需要对输入进行大量操作以使其成为有效的 url（例如，在重置其位置之前确保它是有效地址）。

我还会考虑添加我们在普通浏览器中找到的那种功能，其中不被视为 URL 的查询被视为搜索。您可以为此使用 Google Web API：https ://developers.google.com/web-search/docs/

您将无法访问自动完成的浏览器历史记录，这可以通过保留一个经常访问的站点库并使用自动完成库来帮助您来解决。

虽然这并不能直接回答你的问题，但我希望它可以对你有所帮助。

HTML
<div class="modal">
  <form>
    <input type="text"></input>
  </form>
</div>


JS

(function(){

document.getElementById("nav-form").addEventListener("submit", function(e){
    var val = document.getElementById("nav-bar").value;
    //parse and execute the navigation command
    //in here, we would check to make sure it's valid, etc.
    //and format it to make sure it's a working url
    //and keep a case for if it's not a valid url,
    //in which case you can leverage the google search api
    window.location.href = val;
});

}(window));

JS Fiddle 展示了上面的内容：http: //jsfiddle.net/x8heK/2/

于 2013-02-27T14:11:59.420 回答