JavaScript实现窗体改变事件resize的操作
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript实现窗体改变事件resize的操作相关的知识，希望对你有一定的参考价值。
(function()
var fn = function()
var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
,r = 1255
,b = Element.extend(document.body)
,classname = b.className;
if(w < r)
b.addClassName('w970').removeClassName('w1190');
else
b.addClassName('w1190').removeClassName('w970');
if(window.addEventListener)
window.addEventListener('resize', function() fn(); );
else if(window.attachEvent)
window.attachEvent('onresize', function() fn(); );
fn();
)();
<body></body>怎么让上面的Java在body里生效
如果分变率小于1255 是这样<body class="w970">
如果分变率大于1255 是这样<body class="w1190">
<script type="text/javascript">
window.onload=function()
changeDivHeight();
//当浏览器窗口大小改变时，设置显示内容的高度
window.onresize=function()
changeDivHeight();
function changeDivHeight()
var h = document.documentElement.clientHeight;//获取页面可见高度
document.getElementById("div_ov_y").style.height=h-140+"px";
1.第一步： 先在 data 中去 定义 一个记录宽度是属性；
data:
screenWidth: document.body.clientWidth // 这里是给到了一个默认值 （这个很重要）
2.第二步： 我们需要讲 reisze 事件在 vue mounted 的时候去挂载一下它的方法；
mounted ()
const that = this
window.onresize = () =>
return (() =>
window.screenWidth = document.body.clientWidth
that.screenWidth = window.screenWidth
)()
3.第三步： watch 去监听这个 属性值的变化，如果发生变化则讲这个val 传递给 this.screenWidth。
参考技术A <script>initCss();
//添加窗口大小改变监听器
window.addEventListener("resize", function ()
initCss();
);
function initCss()
$(".content").height($("body").height()-$(".title").height()-$(".bottom").height());
</script> 参考技术B 将该段代码放置在<head><script>...</script></head>之间。 参考技术C 你这个不如直接用css媒体查询来判断窗口尺寸输出对应样式。 参考技术D 目测你这个是自动执行的行数，已经生效了！追问
不用加什么代码吗 ，我测试没效果
追答你加了script标签？
C#处理窗体的最小化事件及恢复正常窗体事件
最近因为我的一个小软件需要处理窗体最小化事件及窗体从最小化恢复到正常状态时的事件，
所以上网查了下，原来是通过处理窗体的Resize事件来实现的，我实现该工能时的主要代码如下:
//窗体大小发生变化时
private void FormMain_Resize(object sender, EventArgs e)
//窗体最小化时
if(this.WindowState==FormWindowState.Minimized)
//停止定时器
this.timerA.Stop();
this.timerB.Stop();
this.timerC.Stop();
this.timerD.Stop();
//窗体恢复正常时
if (this.WindowState==FormWindowState.Normal)
//启动定时器
this.timerA.Start();
this.timerB.Start();
this.timerC.Start();
this.timerD.Start();
以上是关于JavaScript实现窗体改变事件resize的操作的主要内容，如果未能解决你的问题，请参考以下文章