html代码中如何将浏览器的菜单栏,状态栏,地址栏,工具栏等隐藏

html代码中如何将浏览器的菜单栏,状态栏,地址栏,工具栏等隐藏,第1张

不是window.open那种打开新窗口,是将当前窗口的菜单栏,状态栏,地址栏,工具栏等浏览器属性隐藏

问题补充:

window.open我知道

可是我现在需要的是在地址栏输入我的URL,打开一个没有浏览器状态,工具,滚动轴(包括标题栏)等属性的窗口,

简单的说就是:在浏览器地址栏输入url后,当前的浏览器窗口转换成一个无边框窗口

我现在用<body onload="window.open()">,新窗口打开的同时再用window.close把原先窗口关闭

但是window.open好像隐藏不了标题栏(titlebar)

烦啊

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

window.open d出新窗口的命令;

page.html d出窗口的文件名;

newwindow d出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

可以用d出窗口的形式实现楼主的想法,当用户点超链接的时候,他以为是<a href="http://www.hao123.com">实际上是执行了一个<a href="void(0)" onclick="window.open()">打开了一个满屏的,没有任何状态,地址,输入等工具栏,这样用户也就无法关闭和改变当前地址

具体open参数,请参考:

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

window.open d出新窗口的命令;

page.html d出窗口的文件名;

newwindow d出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许

可以用JS实现

<SCRIPT language=javascript1.2>

function showsubmenu(sid){

whichEl = eval('submenu' + sid)

if (whichEl.style.display == 'none'){

eval("submenu" + sid + ".style.display=''")

}

else{

eval("submenu" + sid + ".style.display='none'")

}

}

</SCRIPT>

display方法的值为none时,为不显示表格内容

showsubmenu(sid)中的sid为HTML代码中表格中td的id属性值

=====================代码实现过程================

<HTML><HEAD><TITLE>管理导航菜单</TITLE>

<SCRIPT language=javascript1.2>

function showsubmenu(sid){

whichEl = eval('submenu' + sid)

if (whichEl.style.display == 'none'){

eval("submenu" + sid + ".style.display=''")

}

else{

eval("submenu" + sid + ".style.display='none'")

}

}

</SCRIPT>

</HEAD>

<BODY>

<TABLE width=158 align=center>

<TBODY>

<TR>

<TD id=menuTitle1

style="CURSOR: hand"

onclick=showsubmenu(1)

height=25 ><span class="glow">导航一</span></TD>

</TR>

<TR>

<TD height="100%" id=submenu1 style="DISPLAY: none">

<DIV style="WIDTH: 158px">

<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>

<TBODY>

<TR>

<TD height=20>1</TD>

</TR>

<TR>

<TD height=20>2</TD>

</TR>

</TBODY></TABLE>

</DIV>

<DIV style="WIDTH: 158px">

<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>

<TBODY>

<TR>

<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

<TABLE width=158 align=center>

<TBODY>

<TR>

<TD id=menuTitle3 style="CURSOR: hand"

onclick=showsubmenu(3) height=25 >

<SPAN class=glow>导航二</SPAN></TD>

</TR>

<TR>

<TD id=submenu3 style="DISPLAY: none">

<DIV style="WIDTH: 158px">

<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>

<TBODY>

<TR>

<TD height=20>3</TD>

</TR>

<TR>

<TD height=20>4</TD>

</TR>

</TBODY></TABLE>

</DIV>

<DIV style="WIDTH: 158px">

<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>

<TBODY>

<TR>

<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</BODY></HTML>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7279054.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存