㈠ js怎么样控制打开网页窗口的大小
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 弹出新窗口的命令;
'page.html' 弹出窗口的文件名回;
'newwindow' 弹出窗口的名字(不是文件名),非必须答,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
注意:很多浏览器会屏蔽这个方法
㈡ 怎么用js写一个div的宽度发生改变的事件 比如随浏览器窗口大小改变而改变
你想让div随着哪个元素改变就给那个元素添加事件
比如
window.onresize=function(){ //随着窗口的改变而改变
//事件里添加要版改变的逻辑
div.offsetWidth=(document.documentElement.clientWidth|权|document.body.clientWidth)/比例
}
㈢ 用JS或者jQuery可以监听浏览器窗口的变化吗
试抄试resize事件袭
$(window).resize(function() {
var width = $(this).width();
var height = $(this).height();
});
不过resize事件好像对框架不起作用
㈣ javascript检测浏览器窗口大小变化事件
看你这需求
是想写响应式?
额...
刷新的用户体验相当差劲
请还是按照目前流行的方法专写吧
当然也不是不属能做到你的需求
你可以在触发resize事件设定一个定时器
如果还没触发定时器就又获得了一个resize事件就重新设定定时器
当处罚定时器时就刷新
如果要检测鼠标对浏览器本身的操作的话...
目前的浏览器应该都没理由让js能检测这个事件..
㈤ 如何用js监视用户浏览器的大小变动啊
用JS的onresize事件就可以了,onresize事件会在窗口或框架被调整大小时发生。该事件支持的对象是window,使用代码如下:
window.onresize=function(){
alert(1);
}
window.onresize=myFun();
㈥ 如何让js在浏览器宽度改变的时候执行一个函数
window.onresize事件是监听浏览器大小改变的事件,当浏览器宽高改变的时候,会触发这个事件,你可以将你需要执行的代码放在这里
eg:
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
<scripttype="text/javascript"language="JavaScript">
vardoc=document,
ele=doc.documentElement,
bodys=doc.bodys,
clientWidth=ele?ele.clientWidth:bodys.clientWidth,
clientHeight=ele?ele.clientHeight:bodys.clientHeight;
window.onresize=function(e){
//浏览器改变的时候会触发这个事件
//获取当前浏览器宽度
varcw=ele?ele.clientWidth:bodys.clientWidth;
if(cw!==clientWidth){
alert('浏览器宽度改变了!');
}
}
</script>
</html>
}
不过ie低版本可能会出现多次调用的问题,如需兼容可自行搜索
㈦ 用 JavaScript 控制浏览器窗口大小
用 JavaScript 控制浏览器窗口大小:
A:有时候,需要控制显示窗口的大小,通过点击窗口右上角的控制按钮来实现。
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
上面的代码包含 2 个函数,第 1 个函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽 100 高100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时,上述代码可以用于设置屏幕的任何分辨率。
注意,当在页面上应用这个功能时,请将那 2 个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,也不会消失。