问题补充：
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'
}
这个可以通过绝对定位，配合left设置 或者translate去实现left的方法：
比如让class为menu的元素宽为300px，高100%的，设置left为-300px；在这期间可以加一个过渡transition:left 0.3s ...；
然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡transition:left 0.3s ...；
然后可以通过Jquery的toggleClass('active')来实现切换
translate
比如让class为menu的元素宽为300px，高100%的，设置left为-300px；在这期间可以加一个过渡transition:left 0.3s ...；
然后让class为menu active的元素设置 transform:translate3d(-300px,0,0) ，在这期间可以加一个过渡transition:left 0.3s ...；
然后可以通过Jquery的toggleClass('active')来实现切换
这个过程中 需要注意 body需要overflow：hidden(不然会有滚动条，可设置overflow-x即可)
left 和 translate 最好用translate ，translate3d可以开启GPU硬件加速，性能会更好，体验会更流畅
我github有类似小组件样式
github： IFmiss
希望能解决你的问题
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）