Heim > Web-Frontend > js-Tutorial > Eine kurze Diskussion über die Fähigkeiten des Javascript-Attributs onresize_javascript

Eine kurze Diskussion über die Fähigkeiten des Javascript-Attributs onresize_javascript

WBOY
Freigeben: 2016-05-16 16:03:01
Original
1745 Leute haben es durchsucht

Eine kurze Diskussion zum Javascript-Attribut onresize

//获取屏幕宽度并动态赋值  
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数:获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
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;
}
//结果输出至两个文本框

$("body").height(winHeight)
$("body").width(winWidth)
}

findDimensions();
//调用函数,获取数值
window.onresize=findDimensions;
//-->

Nach dem Login kopieren

Nur ​​wenn ich die Bildschirmgröße manipulieren möchte, fällt mir ein, dass es ein Attribut für die Bildschirmmanipulation gibt

Das onresize-Ereignis tritt auf, wenn die Größe des Fensters oder Rahmens geändert wird.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage