Question

我希望全屏显示一个弹出窗口，只有顶部显示的地址栏。最小化和关闭按钮也应该不可见。目前我正在使用以下代码，这使我能够在IE 9中进入全屏模式，但即使位置= 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')
}

Answer 1

我认为现在还没有一种方法可以全屏显示导航栏 - 或者至少不是我能找到的。

如果是这种情况，您将需要以编程方式重新创建地址栏，然后在使用地址栏时通过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小提琴显示上面的骨头：http://jsfiddle.net/x8heK/2/

在javascript中显示带有地址栏的全屏弹出窗口

1 个答案: