360教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

html完成窗口大小变化时页面刷新(代码)

时间:2022-8-27作者:未知来源:360教程人气:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
本篇文章给大家带来的内容是关于html实现窗口大小变化时页面刷新(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

<!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
     <title>Document</title>
     <script>
         //窗口大小变化时候,进行刷新页面操作,防止样式混乱
             var x=window.innerWidth;
         function resizeFresh(){
             if(x!=window.innerWidth)
                 location.reload();
         }
     </script>
 </head>
 <body onresize="resizeFresh()">
     <div style="min-width:800px; height: 400px; background-color: brown;">
    </div>
     刷新页面
 </body>
 </html>

相关推荐:

html中如何使用js实现长按功能(代码)

html thead标签的作用是什么?html thead标签属性介绍

以上就是html实现窗口大小变化时页面刷新(代码)的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



关键词:html完成窗口大小变化时页面刷新(代码)




Copyright © 2012-2018 360教程(http://www.360sd.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版