㈠ 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 個觸發事件的鏈接放置在頁面的左上角,這樣,當窗口縮小到右下角時,也不會消失。