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标签？
winform 事件（摘录HQXY）
事件参数：
object sender - 事件主体
EventArgs e - 事件数据
函数体 - 我进行的操作
常用事件：点击事件click
（1）Load事件：该事件在窗体加载到内存时发生，即在第一次显示窗体前发生。
（2）Activated事件：该事件在窗体激活时发生。
（3）Deactivate事件：该事件在窗体失去焦点成为不活动窗体时发生。
（4）Resize事件：该事件在改变窗体大小时发生。
（5）Paint事件：该事件在重绘窗体时发生。
（6）Click事件：该事件在用户单击窗体时发生。
（7）DoubleClick事件：该事件在用户双击窗体时发生。
（8）Closed事件：该事件在关闭窗体时发生。
制作思路：
做一个按钮，就只想这一个按钮的功能就行了
如果需要其它按钮来进行辅助，这个情况
只会出现在，你这个按钮做不下去了，才需要去考虑是否有其它按钮可以来帮忙的
事件与方法区别
以上是关于JavaScript实现窗体改变事件resize的操作的主要内容，如果未能解决你的问题，请参考以下文章