html页面比较长,如何用js实现网页一打开显示在网页的中部?

加入js代码

复制代码
<style type="text/css">
body {
    height: 2000px;
}
</style>
<script type="text/javascript">
    onload = function ()
    {
        var dh = document.documentElement.scrollHeight || document.body.scrollHeight;
        window.scrollTo (0, (dh - screen.availHeight) / 2);
    }
</script>
复制代码

配合判断是否是手机端使用代码

复制代码
<script type="text/javascript">
    <!--
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if(system.win||system.mac||system.xll){
      onload = function ()
    {
        window.scrollTo (0,495);
    }
    
}else{
//如若手机则跳转的页面路径
}
--> 
</script>
复制代码

 

posted @   zhang_you_wu  阅读(811)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
历史上的今天:
2017-07-17 解决java web项目导入后出现的问题 ---cannot be read or is not a valid ZIP file
点击右上角即可分享
微信分享提示