2. 程式人生 > >html5 獲取頁面的寬和高

html5 獲取頁面的寬和高

阿新 • • 發佈：2019-01-30 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script type="text/javascript">
<!--

function findDimensions() //函式：獲取尺寸
		{
			var winWidth = 0;
			var winHeight = 0;
			//獲取視窗寬度
			if (window.innerWidth){
				// console.log(1);
				 winWidth = window.innerWidth;}
			else if ((document.body) && (document.body.clientWidth))
				winWidth = document.body.clientWidth;
			//獲取視窗高度
			if (window.innerHeight)
				winHeight = window.innerHeight;
			else if ((document.body) && (document.body.clientHeight))
				winHeight = document.body.clientHeight;
				//通過深入Document內部對body進行檢測，獲取視窗大小
			if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
			{
				winHeight = document.documentElement.clientHeight;
				winWidth = document.documentElement.clientWidth;
			}
			//結果輸出至兩個文字框
				console.log("   w "+winHeight+"   h "+winWidth);
				console.log();
				//alert(winWidth);
		}


	findDimensions();
	//呼叫函式，獲取數值
	window.onresize=findDimensions;
//-->
</script>
	
</body>
</html>
這個方法相容ie5以上版本

相關推薦

Android獲取螢幕寬和高

WindowManager wm = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics dm = new DisplayMetrics(); wm.getDefault

html5 獲取頁面的寬和高

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>

【Android】獲取控件的寬和高

height string -a @override parent popu tle post spa 有時候我們須要在Activity的時候獲取控件的寬和高來做一些操作，以下介紹三種獲取寬和高的方式： 1. onWindowFoc

圖片上傳時獲取圖片的寬和高

con element 執行 事件 body 無法 使用 圖片加載 fun 　　經常會遇到圖片上傳的問題，這時候我們會傳圖片的地址，寬和高到服務器，至於圖片上傳就不說了，這裏主要說圖片上傳時獲取圖片的原始寬和高的問題。 　　一般而言，我們把圖片上傳至服務器時，服務器會返回

jQuery 獲取頁面寬高

超出 垂直滾動條 變化 寬度 ID document doc window 瀏覽器 無滾動條的情況下（頁面寬高比可視區域小）：$(document)和$(window)的width、height方法獲取的值都是一樣的,都是可視區域的寬高即$(document).width(

getMeasureHeight和getHeight獲取控制元件的寬和高

int mHeight = main_iv_showPic.getMeasuredHeight(); int mWidth = main_iv_showPic.getMeasuredWidth(); int width = main_iv_showPic.getWidth()

HTML5利用canvas壓縮圖片（不改變圖片寬和高）

最近專案中有一個手機拍照上傳的需求，現在的智慧手機攝像頭畫素很高，拍出來的照片大小大都在5M左右，當手機在上傳圖片時遇到了問題，之前採用的方法是將圖片先進行Base64編碼，然後上傳到伺服器，結果因為圖片太大，導致伺服器老是回覆超時錯誤；權衡之下決定在圖片上傳之前先將圖片壓縮； 以下為我採用方法

Android初級教程_獲取Android控制元件的寬和高

我們都知道在onCreate()裡面獲取控制元件的高度是0,這是為什麼呢?我們來看一下示例: 首先我們自己寫一個控制元件,這個控制元件非常簡單: publicclass MyImageView extends ImageView {  

獲取Android控制元件的寬和高

我們都知道在onCreate()裡面獲取控制元件的高度是0,這是為什麼呢?我們來看一下示例: 首先我們自己寫一個控制元件,這個控制元件非常簡單: publicclass MyImageView extends ImageView {      public MyI

Android 獲取控制元件的寬和高

我們都知道在onCreate()裡面獲取控制元件的高度是0,這是為什麼呢?我們來看一下示例: 首先我們自己寫一個控制元件,這個控制元件非常簡單: publicclass MyImageView extends ImageView {       public M

獲取圖片的寬和高(畫素)

* 方法一 cImg = Getpict() && 獲取 bmp, jpg, gif xImgObj = LoadPicture(cImg) With xImgObj lnWidth = Int(.Width/26.458) lnHei

C++ 獲取jpg和png的圖片寬和高，不使用第三方庫

可以的，不需要使用第三方庫，C++原生封裝 #pragma once #include <stdio.h> #include <tchar.h> #include <SDKDDKVer.h> #define MAKEUS(

Android 開發中獲取View檢視的寬和高的幾種方法

一、根據WindowManager管理器獲得 1）這兩種方法在螢幕未顯示的時候，還是處於0的狀態，即要在setContentView呼叫之後才有效。 2）Activity必須如此設定才能獲得view

js獲取canvas 的寬和高，到底是多少？

h5新標籤canvas用於繪製圖像，但是，你知道嗎,js獲取canvas的寬到底是多少？ canvas.width獲取的是寫在標籤屬性中的寬度值，eg :<canvas width="800"

JS中獲取標籤的寬和高

var oText = document.getElementById('text');  oText.style.width： 在JS中如果想要通過它來獲取標籤的寬度時，只有當該標籤的寬度設定在HT

fragment中獲取控制元件的寬和高的方法

有時候我們需要獲得控制元件的大小,但是在Activity的onCreate()生命週期方法中呼叫getWidth()和getHeight()方法並不能獲得控制元件的寬和高，因為此時我們的介面並未被繪製完成。不過我們卻可以在onWindowFocusChanged(bo

寬和高

css('height') 和 .height()之間的區別是後者返回一個沒有單位的數值，前者是返回帶有完整單位的字串。當一個元素的高度需要數學計算的時候推薦使用.height() 方法 。 1、.Height() =height; 2、.innerHeight() = height+padding; 3、.

獲取頁面高度和寬度等

獲取頁面相關的高度 獲取網頁可見區域的高（不包括選單欄） var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; 獲取

Android中在程式碼中設定控制元件的寬和高

//在程式碼中設定控制元件大小的方法 private Button mbtn; mbtn = (Button) findViewById(R.id.btn_test); LayoutParams lp; lp=mbtn.getLayoutParams

PHP 獲取頁面內容和儲存頁面內容

<meta charset="utf-8"> <?php $url = "http://onestopweb.iteye.com/"; //file_get_contents() 把整個檔案讀入一個字串中。 $contents = file_get_contents($url);