jquery獲取瀏覽器客戶區尺寸程式碼例項
本章節分享一段程式碼例項,它實現了獲取瀏覽器客戶區的功能。
關於什麼是瀏覽器客戶區可以參閱瀏覽器客戶區是指的瀏覽器哪一部分一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #antzone,#show{ width:200px; height:100px; margin:0px auto; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(window).resize(function(){ var str=""; str=str+"高度是:"+$(window).height(); str=str+"寬度是:"+$(window).width(); $("#show").text(str); }) </script> </head> <body> <div id="antzone">調整瀏覽器大小檢視效果</div> <div id="show"></div> </body> </html>
上面的程式碼演示了獲取瀏覽器客戶區大小的功能。
resize事件可以參閱jQuery resize 事件一章節。
相關文章
- js獲取瀏覽器客戶區尺寸程式碼例項JS瀏覽器
- js獲取瀏覽器視窗尺寸程式碼例項JS瀏覽器
- javascript獲取瀏覽器視口尺寸程式碼例項JavaScript瀏覽器
- jQuery獲取視窗尺寸的例項程式碼jQuery
- javascript獲取瀏覽器視窗尺寸程式碼片段JavaScript瀏覽器
- javascript獲取滑鼠在瀏覽器客戶區座標JavaScript瀏覽器
- jquery獲取圖片的實際尺寸大小程式碼例項jQuery
- jQuery獲取客戶區高度jQuery
- 獲取img圖片原始尺寸程式碼例項
- jquery獲取元素高度程式碼例項jQuery
- js獲取瀏覽器版本作業系統等資訊程式碼例項JS瀏覽器作業系統
- js獲取元素的實際尺寸程式碼例項JS
- Nacos - 客戶端例項列表獲取客戶端
- jquery獲取同輩元素程式碼例項jQuery
- 谷歌瀏覽器下jquery無法獲取圖片的尺寸解決方案谷歌瀏覽器jQuery
- js如何實現清空瀏覽器快取程式碼例項JS瀏覽器快取
- 判斷IE瀏覽器程式碼例項瀏覽器
- 瀏覽器客戶區是哪塊區域瀏覽器
- jQuery獲取指定的li元素程式碼例項jQuery
- jQuery獲取所有的li元素程式碼例項jQuery
- jQuery獲取url引數值程式碼例項jQuery
- js獲取瀏覽器資訊和客戶端硬體資訊(一)JS瀏覽器客戶端
- jQuery獲取瀏覽器視窗和文件視窗的高度程式碼jQuery瀏覽器
- js獲取上傳圖片尺寸和格式程式碼例項JS
- js檢測搜狗瀏覽器、百度瀏覽器、微信瀏覽器程式碼例項JS瀏覽器
- javascript獲取客戶端ip地址省市和運營商程式碼例項JavaScript客戶端
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- js判斷IE瀏覽器程式碼例項JS瀏覽器
- 檢測360瀏覽器javascript程式碼例項瀏覽器JavaScript
- js判斷微信瀏覽器程式碼例項JS瀏覽器
- javascript判斷uc瀏覽器程式碼例項JavaScript瀏覽器
- 相容所有瀏覽器的progress程式碼例項瀏覽器
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jquery獲取指定型別子元素程式碼例項jQuery型別
- jquery獲取元素的標籤tagName程式碼例項jQuery
- jquery實現獲取outerHTML內容程式碼例項jQueryHTML
- asp.net 獲取客戶端瀏覽器訪問的IP地址ASP.NET客戶端瀏覽器
- 使用javascript判斷瀏覽器核心程式碼例項JavaScript瀏覽器