`
xitong
  • 浏览: 6400625 次
文章分类
社区版块
存档分类
最新评论

Html中利用JavaScript根据屏幕分辨率打开相应的页面!(示例)

 
阅读更多

由于设计的页面需要对1280*760和1440*900都有较好的兼容性,因此,做了两个页,经过一番摸索,终于解决了,小儿科的技巧,高手勿看!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>

    <script language="javascript">
            if (window.screen)
            {
                var m_height=screen.height;
                m_768="login_768.html";
                m_900="login_900.html";
                if (m_height<900) {
                    self.location.replace(m_768);
                }
                if (m_height >= 900)
                {
                    self.location.replace(m_900);
                }
            }
    </script>



</head>
<body>

</body>
</html>






分享到:
评论

相关推荐

    根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    此部分代码示例首先通过检查`navigator.userAgent`来确定浏览器类型(IE、Firefox或其他),然后根据屏幕分辨率调用相应的CSS文件。 ```javascript &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- if (window.navigator....

    多标签页自适应页面,可以动态的添加删除

    自适应设计是现代Web开发中的一个重要概念,它确保页面能够根据不同的设备尺寸和屏幕分辨率进行调整。在多标签页场景下,这意味着当标签数量增加时,系统应该能够智能地管理这些标签,防止它们在屏幕上重叠或错位。...

    HTML5手风琴导航面板设计3种超酷效果.zip

    在手风琴导航的设计中,我们可以利用这些布局模型来适应不同的屏幕尺寸和设备,确保在手机、平板和桌面端都能呈现出良好的视觉效果。 6. 自定义图标 HTML5支持SVG(可缩放矢量图形),我们可以用它来创建高质量的...

    html5 canvas首屏自适应背景动画循环效果代码

    在Canvas中实现自适应,通常需要在页面加载后或者窗口大小改变时,动态计算Canvas的宽度和高度,并相应地调整画布的大小,以保持与容器元素的比例一致。 4. 背景动画: 在Canvas上创建背景动画,可以使用定时器...

    实现浏览器全屏窗口的几种方法

    - 对于Netscape浏览器,通过创建一个新窗口并设置其大小与屏幕分辨率相同来模拟全屏效果;对于Internet Explorer,则直接使用`fullscreen=yes`参数。 - 示例代码如下: ```javascript function MachakFull(Ie, ...

    WindowsPhoneSidebar

    5. **交互逻辑**:通过jQuery处理侧边栏中的元素点击事件,触发相应的功能,比如打开某个应用、执行Ajax请求等。 6. **响应式设计**:为了确保在不同分辨率和屏幕尺寸的设备上都能良好工作,需要利用jQuery和媒体...

    jQuery shutter实现的图片百叶窗轮播切换效果插件源码.zip

    5. **自适应布局**:jQuery Shutter通常能够根据容器大小自动调整图片尺寸,适应不同屏幕分辨率和设备。 6. **API接口**:插件提供了一系列API方法,允许开发者在代码中控制轮播的启动、停止、跳转等操作。 7. **...

    【Python应用实战案例】-Pyecharts可视化大屏全流程(代码).zip

    Pyecharts是一个强大的工具,它允许开发者利用JavaScript的Echarts库在Python环境中构建交互式图表。通过这个案例,你将学习到如何从数据处理到图形构建的全过程,从而制作出专业级的大屏展示。 首先,我们需要了解...

    jQuery基于css3制作万圣节礼物盒动画加载特效源码.zip

    8. **响应式设计**:为了确保在不同屏幕尺寸上的视觉效果,可以使用媒体查询(media queries)来调整动画在不同分辨率下的表现。 综上所述,"jQuery基于css3制作万圣节礼物盒动画加载特效源码.zip"是一个结合了...

    显示div层js.txt

    - 可以进一步优化弹出层的位置计算方式,以适应不同屏幕尺寸和分辨率。 综上所述,本文档提供的脚本是一个实用的弹出层解决方案,可用于多种Web开发场景。通过上述解析,我们可以更好地理解和利用这些代码片段来...

    jQuery EasyUI 1.4 版 API 中文版

    - **响应式设计**:考虑不同设备的屏幕尺寸,确保组件在不同分辨率下都能正常工作。 - **优化性能**:合理使用异步加载、延迟初始化和数据缓存,减少不必要的网络请求和计算。 8. **社区支持** - **文档翻译**:...

    js-e6-icons

    5. **事件监听**:JavaScript可以用来监听用户的交互,例如点击图标,然后执行相应的功能,如打开一个模态窗口、导航到新的页面等。 6. **动画效果**:为了让用户体验更佳,图标可能会有过渡、旋转、淡入淡出等动画...

    win8开始菜单界面特效特效代码

    在Windows 8操作系统中,微软引入了一种全新的开始屏幕(Start Screen)设计,它采用了动态磁贴(Live Tiles)的概念,以提供更为直观且交互性强的用户体验。这种设计与以往的开始菜单大相径庭,成为了Windows 8的一...

    jQuery移动端弹窗单选多选菜单

    为了充分利用这款插件,开发者需要熟悉jQuery的基本语法,并理解如何在HTML结构中添加相应的元素以触发弹窗。此外,掌握CSS(层叠样式表)将有助于自定义弹窗的外观,而JavaScript知识则用于监听事件和处理回调函数...

    java源码包---java 源码 大量 实例

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

    java源码包2

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

    java源码包3

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

    java源码包4

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    Java源码下载 1个目标文件 摘要:Java源码,网络相关,HTTP   Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    Java源码下载 1个目标文件 摘要:Java源码,网络相关,HTTP   Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的...

Global site tag (gtag.js) - Google Analytics