導航:首頁 > 編程語言 > js監聽瀏覽器窗口大小變化

js監聽瀏覽器窗口大小變化

發布時間:2023-03-06 12:39:22

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

閱讀全文

與js監聽瀏覽器窗口大小變化相關的資料

熱點內容
db2查看資料庫字元集 瀏覽:449
小米私密文件移出後找不到 瀏覽:775
紅底白色的心是什麼app的標志 瀏覽:163
小冤家APP角色怎麼變回家長 瀏覽:822
夢幻西遊合寵模擬器網站是什麼 瀏覽:420
諾基亞930最新版本 瀏覽:201
ps製作主kv文件過大 瀏覽:884
車端面如何編程 瀏覽:279
win10u盤備份時間長 瀏覽:617
文件夾怎麼轉換為pdf 瀏覽:502
2008打開登錄密碼忘記了 瀏覽:771
蘋果7如何授權應用程序 瀏覽:899
怎樣把舊的文檔保存到桌面文件夾 瀏覽:827
wps雲數據如何恢復 瀏覽:496
微信發送過來文件 瀏覽:300
怎麼改合同網站 瀏覽:73
網路鬥地主記牌器怎麼實現的 瀏覽:377
ps鏡像文件製作教程 瀏覽:45
系統分頁文件大小設置多少 瀏覽:447
win10有線無法上網 瀏覽:339

友情鏈接