问题补充：
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为允许
用javascript
给元素添加点击事件， 然后显示 子元素！
之后给 document 加点击事件 隐藏子元素
记得 给元素事件 阻止冒泡
以下代码仅代表想法！
odiv.onclick=function(ev){var oEvent = ev || event
oul.style.display='block'
oEvent.cancelBubble = true
}
document.onclick=function(){
oul.style.display='none'
}
最好是用JS做，但是非要用CSS呢，也可以。如下是我以前写的一个CSS下拉，你可以参考一下：<html> <head> <title></title> <style>*{margin:0padding:0} ul,li{ list-style-type:none padding:0 margin:0 } #nav li a{ display:block width:100px text-align:center text-decoration:none color:#ffffff background-color:#000000 } #nav li{ position:relative margin-bottom:2pxfloat:leftmargin-right:5px } #nav li ul{ position:absolute left:10px top:20px display:nonewidth:100px } #nav li:hover ul{ display:block } </style> </head> <body><ul id="nav"><li><a href="#">首页</a></li><li><a href="#">关于我们</a><ul><li>我们的故事</li><li>我们的团队</li></ul></li><li><a href="#">我们的服务</a><ul><li>网页设计</li><li>页面制作</li><li>程序开发</li></ul></li><li><a href="#">联系我们</a><ul><li>团队主力</li><li>团队成员</li></ul></li></ul> </body></html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）