`
happmaoo
  • 浏览: 4547123 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

如何根据屏幕分辨率调用相对应的页面

JavaScriptHTML 
阅读更多
先做好几个页面，比如一个htm1.htm是800*600，一个是htm2.htm是1024*768的
然后在你的入口页面 index.htm 中判断：

<html>
<head>
<script language=javascript>
<!--
function mHref() {
if (screen.width == 1024) location.href = "htm2.htm";
else if (screen.width == 800) location.href = "htm1.htm";
else return(false);
}
//-->
</script>
</head>
<body onload="mHref();">
</body>
</html>

分享到：
| 在打开的子窗口刷新父窗口的代码里如何写
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS判断浏览器分辨率调用不同css样式

    ### JS判断浏览器分辨率调用不同CSS样式的实现方法 在Web开发中，为了提供更好的用户体验，根据不同的设备分辨率（屏幕尺寸）应用相应的CSS样式是非常重要的。这种方法有助于优化页面布局、提高加载速度，并确保...

    在ASP.NET 2.0中操作数据之三十五：使用Repeater和DataList单页面实现主/从报表

    特别是当使用了相对定位或者绝对定位来控制元素位置时，可以更加灵活地调整页面结构，以适应不同屏幕尺寸和分辨率。 总结来说，本文通过详细描述如何在*** 2.0环境中，使用Repeater和DataList控件在一个页面中实现...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐，传统方式根据主流系统分别开发相应的系统耗时又耗力，为了高效开发并节约开发项目成本，本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...

    jQuery功能强大相册代码

    使用jQuery，开发者可以轻松地遍历这些数据结构，根据用户选择的图库加载对应的图片。 **阴影效果** 阴影效果能增加相册的视觉层次感，使图片看起来更立体。在CSS中，可以使用`box-shadow`属性来添加阴影。jQuery...

    wordpress缩略图thumbnail尺寸控制 (2).pdf

    - 修改缩略图尺寸时，需要考虑前端展示的适应性，以保证图片在不同设备和屏幕分辨率下的显示效果。 综上所述，WordPress提供了灵活的缩略图尺寸控制，允许用户和开发者根据需求定制不同大小的图片，以优化网站的...

    ScreenAdaptation.zip

    "适合几X图"可能是指适应不同屏幕分辨率的图像尺寸调整，例如，对于一款手机应用，可能需要有多种尺寸的图片以适应不同比例的屏幕。 适配器模式是这个话题中的关键概念。在编程中，适配器模式常用于解决两个不兼容...

    微信小程序设计-外卖：实现类似锚点功能.zip

    如果目标元素不在可视区域内，需要计算其相对于屏幕顶部的距离，然后调用`wx.pageScrollTo`进行精确滚动。 6. **动画效果**： 为了让用户体验更佳，可以添加过渡动画。例如，当用户点击导航项时，除了滚动页面，还...

    草莓图标是创造狮原创设计的一套前端字体图标库

    通过这种方式，开发者可以像插入文字一样，使用CSS样式来控制图标的大小、颜色、阴影等属性，同时还能保持清晰的显示效果，无论屏幕分辨率如何变化。 在JavaScript开发中，使用草莓图标库有以下几点优势： 1. **...

    12864液晶显示资料及程序

    该函数与`write_page()`相对应，用于从液晶显示屏的指定页面读取数据。同样地，参数`data_add`表示读取数据的起始地址。 #### 5. 延时函数 `delays()` 在嵌入式系统开发中，延时函数是非常常用的。这里定义了一个...

    javaweb网站门户首页

    7. **响应式设计**：考虑到不同设备的屏幕大小和分辨率，门户首页需要采用响应式设计，确保在手机、平板电脑和桌面电脑上都能良好显示。 8. **Ajax异步更新**：使用XMLHttpRequest对象实现局部刷新，提高用户体验，...

    html.rar_android Java html_android html_html_html android_html手机

    开发者需要关注屏幕尺寸、分辨率和不同Android版本间的兼容性问题。 综上所述，这个资料包可能包含了使用HTML和Java在Android平台上开发手机应用的基本步骤和技巧，包括WebView的使用、JavaScript与Java的交互以及...

    js弹出模态效果div

    这样可以确保模态框能够自适应不同分辨率和屏幕大小的设备。 ##### 2. 遮罩层效果 - 背景颜色为`#666666`，并通过设置`opacity`属性达到半透明的效果。这样可以更好地突出模态框内的内容，并减少用户的干扰。 ###...

    JS实现电脑虚拟键盘的操作

    这就需要在JavaScript中定义一系列的映射逻辑，将键盘上的物理按键与页面上的按键组件相对应。在用户点击虚拟键盘上的按键时，相应的字符应该被插入到输入框中。 此外，实现虚拟键盘还需要考虑键盘的各种状态，如按...

    MagicZoom产品放大查看效果.rar

    4. **响应式设计**：随着移动设备的普及，MagicZoom也适应了不同的屏幕尺寸和分辨率，能在手机和平板电脑上正常工作。 5. **自定义设置**：开发者可以通过调整CSS样式和JavaScript参数来自定义放大镜的外观和行为，...

    图片左右滚动js

    6. **响应式设计**：现代网页设计强调响应式，即页面应适应不同设备和屏幕尺寸。图片滚动功能需要考虑不同分辨率下的显示效果，可能需要调整图片大小、布局和滚动速度等。 在实际开发中，我们可以利用现有的...

    iOS-程序导航演示以及启动图demo

    4. 添加对应设备尺寸的启动图，包括iPhone、iPad、不同分辨率和方向的图片。 对于动态启动图，可以使用Storyboard来创建，这样可以包含更多的交互元素，如动画效果。确保启动图设计与应用的实际界面风格一致，以...

    FlickrSlider:从相册 ID 中提取的响应式 Flickr 滑块

    响应式设计是现代网页开发中的一个重要概念，它确保网站在各种屏幕尺寸和分辨率下都能保持良好的显示效果。FlickrSlider 就采用了这一理念，通过灵活的布局和媒体查询等技术，使得图片滑块可以自动调整大小以适应...

    多媒体教室

    您可以利用此工具条方便的执行功能，例如在屏幕广播时如需调用电子教鞭，只要将鼠标移动到屏幕顶部（右半边）使工具条弹出，点击教鞭即可调出电子教鞭。 注：当启用电子教鞭时工具条不会弹出。 4.5 系统功能的执行...

    qq空间遮罩层jQuery相册切换

    6. **响应式设计**：考虑到不同设备的屏幕尺寸和分辨率，良好的图片切换插件应该具备响应式设计，以适应手机、平板电脑和桌面电脑等各种设备。可以利用媒体查询（Media Queries）和百分比布局来实现这一目标。 7. *...

    FragmentTabWithDrawer,.zip

    8. **适配多种屏幕尺寸**：考虑到Android设备的多样性，FragmentTabWithDrawer应该能良好地适应不同屏幕尺寸和分辨率。这涉及到对布局和尺寸的适配，以及使用比例单位（如dp和sp）而不是绝对像素。 9. **测试和调试...

Magicbox
Global site tag (gtag.js) - Google Analytics