js代碼控制網頁大小(如何控制網頁的大小)

本文目錄一覽:

js如何限定瀏覽器顯示的最小窗口大小

JS控制瀏覽器窗口的大小代碼之一:

script   

window.moveTo(0, 0);//移動窗口   

window.resizeTo(800, 600);//改變大小   

window.onresize=new Function(“window.resizeTo(800,   600);”)   

/script

JS控制瀏覽器窗口的大小代碼之二:

SCRIPT

if (window != top) top.location.href = location.href;

self.resizeTo(800,600);

/SCRIPT

JS控制瀏覽器窗口的大小代碼之三:

script language=”javascript”

  function openWin()

  {

     var i=0;

     i = open(“”,””,”width=500,height=500″);

  }

/script

JS控制瀏覽器窗口的大小代碼之四:

SCRIPT language=JavaScript

  var new_width=800; //你要固定的瀏覽器寬度

  var new_height=600; //你要固定的瀏覽器高度

  function resizewindow()

  {

      window.resizeTo(new_width,new_height);

  }

  resizewindow();

  /SCRIPT

用 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如何設置並限制瀏覽器窗口的大小

JS控制瀏覽器窗口的大小代碼之一:

script   

window.moveTo(0, 0);//移動窗口   

window.resizeTo(800, 600);//改變大小   

window.onresize=new Function(“window.resizeTo(800,   600);”)   

/script

JS控制瀏覽器窗口的大小代碼之二:

SCRIPT

if (window != top) top.location.href = location.href;

self.resizeTo(800,600);

/SCRIPT

JS控制瀏覽器窗口的大小代碼之三:

script language=”javascript”

  function openWin()

  {

     var i=0;

     i = open(“”,””,”width=500,height=500″);

  }

/script

JS控制瀏覽器窗口的大小代碼之四:

SCRIPT language=JavaScript

  var new_width=800; //你要固定的瀏覽器寬度

  var new_height=600; //你要固定的瀏覽器高度

  function resizewindow()

  {

      window.resizeTo(new_width,new_height);

  }

  resizewindow();

  /SCRIPT

請問,怎麼用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為允許

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/305151.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2025-01-01 11:06
下一篇 2025-01-01 11:06

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 北化教務管理系統介紹及開發代碼示例

    本文將從多個方面對北化教務管理系統進行介紹及開發代碼示例,幫助開發者更好地理解和應用該系統。 一、項目介紹 北化教務管理系統是一款針對高校學生和教職工的綜合信息管理系統。系統實現的…

    編程 2025-04-29

發表回復

登錄後才能評論