JavaScript实现窗体改变事件resize的操作 10
(function(){varfn=function(){varw=document.documentElement?document.documentElement.c...
(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"> 展开
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"> 展开
5个回答
展开全部
<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。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
initCss();
//添加窗口大小改变监听器
window.addEventListener("resize", function () {
initCss();
});
function initCss(){
$(".content").height($("body").height()-$(".title").height()-$(".bottom").height());
}
</script>
initCss();
//添加窗口大小改变监听器
window.addEventListener("resize", function () {
initCss();
});
function initCss(){
$(".content").height($("body").height()-$(".title").height()-$(".bottom").height());
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将该段代码放置在<head><script>...</script></head>之间。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
目测你这个是自动执行的行数，已经生效了！
追问
不用加什么代码吗 ，我测试没效果
追答
你加了script标签？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
