Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中显示带有地址栏的全屏弹出窗口_Javascript_Web - Fatal编程技术网

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

在javascript中显示带有地址栏的全屏弹出窗口,javascript,web,Javascript,Web,我想显示一个全屏弹出窗口,只有地址栏在顶部可见。最小化和关闭按钮也应不可见。目前,我正在使用以下代码,该代码使我能够在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,menuba

我想显示一个全屏弹出窗口,只有地址栏在顶部可见。最小化和关闭按钮也应不可见。目前,我正在使用以下代码,该代码使我能够在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')
}

我认为目前还没有一种方法只能全屏显示导航栏——或者至少从我所能找到的情况来看没有

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

在下面的示例中,我对JS进行了更多的充实;在表单的
submit
事件中,您可以使用
window.location.href
在浏览器中进行重定向。可能需要对输入进行大量操作,以使其成为工作url(例如,在重置其位置之前,确保其为有效地址)

<>我也会考虑添加我们在普通浏览器中发现的一种功能,其中一个不被当作URL处理的查询被当作一个搜索。您可以为此使用Google Web API:

您将无法访问autocomplete的浏览器历史记录,这可以通过保存一个经常访问的站点库并使用autocomplete库来帮助您来解决

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

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));
HTML
JS
(功能(){
文档.getElementById(“导航表单”).addEventListener(“提交”,函数(e){
var val=document.getElementById(“导航条”).value;
//解析并执行导航命令
//在这里,我们会检查它是否有效,等等。
//并格式化它以确保它是一个工作url
//如果不是有效的url,请保留一个案例,
//在这种情况下,您可以利用谷歌搜索api
window.location.href=val;
});
}(窗口);
JS Fiddle显示上述内容的基本内容: