一、<input
type="hidden"
/>
二、<input
type="text"
style="display:none"
/>
以上两种方法可以实现不留痕迹的隐藏。
三、<input
type="text"
style="visibility:
hidden"
/>
第三种方法可以实现占位隐藏(会留下空白而不显示)
不是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为允许
1、我们首先展示最原始的代码和效果。默认情况下,表中直接用td划分的表将隐藏边框。
2、接下来,我们使用css添加样式并为表添加边框。表{边框:1px solid#804040}修改后的效果是整个表格具有外边框,并且表格中没有边框。
3、然后我们使用css为td添加边框。表td {边框:1px solid#804040}修改后的效果是每个td都添加了边框,显示效果是表格显示单个边框。
4、接下来,td显示左上角,表格显示右下角,实现边框表效果。表{Border-right:1px solid#804040边框底部:1px实心#804040}
表td {边框左:1px solid#804040Border-top:1px solid#804040}修改后的效果与预期的一样,但由于内部单元之间的间距,内部边界不连续。
5、最后,我们在表中添加了css代码:border-collapse:collapse用来消除单元格间距。这是:表{Border-right:1px solid#804040边框底部:1px实心#804040边境崩溃:崩溃}
表td {边框左:1px solid#804040Border-top:1px solid#804040}修改后,消除了单元间距,完美地实现了效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)