js函数调用-js网页特效代码_进源教程网

js获取屏幕分辨率,如何获取手机屏幕的真实大小,而不是分辨率

摘要: 1.怎么调笔记本分辨率?我屏幕小。 2.我又安了个显示器 但两个屏幕又调的不一样(一个显示一半 的那种)XP 系统 鼠标在桌面点击右键 属性 设置 就能看见 调分辨率的 win7的话 ...

1.怎么调笔记本分辨率?我屏幕小。 2.我又安了个显示器 但两个屏幕又调的不一样(一个显示一半 的那种)

XP 系统 鼠标在桌面点击右键 属性 设置 就能看见 调分辨率的 win7的话 还是 右键 直接就有 分辨率的 调节 第二个问题 你是外接显示器? 反正就是分辨率的 问题 你 调好zd就行了

js如何获取屏幕英寸(注意不是获取分辨率像素值啊)

你用卷尺量显示屏的有效发光显示面的对角线尺寸,记下有多少寸,然后用这个尺寸换算成英寸就可以了!

怎么用js获取手机屏幕的分辨率

function a(){"屏幕宽高为:e799bee5baa631333361326264"+screen.width+"*"+screen.height;}其它:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网页正文部分上:window.screenTop 网页正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight 屏幕可用工作区宽度:window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量本回答被网友采纳

跪求JS效果,占满整个屏幕进行切换的那种,图片能自适应各个分辨率,要已经解决兼容性问题右边不出现滚动

用js设置宽高都为100%就可以了

用javascript 获取屏幕分辨率 来决定网页中元素位置的问题

如何让网页适应不同分辨率 解决思路: 在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。 方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页 具体步骤: 1. 先捕获用户的分辨率。 水平分辨率:screen.width 垂直分辨率:screen.height 2.再用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者: location.replace(screen.height+".htm") 3.完整代码。 <script language="JavaScript"> <!-- location.replace(screen.width+".htm"); //--> </script> 技巧:screen.width 也可以改成 screen.availWidth。 提示: l language="JavaScript" 指定脚本所用语言为 JavaScript,大部分浏览器的默认客户端脚本语言就是 JavaScript,所以也可以省略不写。 l <!-- 和 //--> 两个标识的作用是通知不支持 JavaScript 浏览器忽略两标识间的所有 JavaScript 代码,一般情况下可以省略不写。 l JavaScript 语句与 C 语言一样用分号”;”结束,但也可以省略不写,每一新行表示开始一条新语句。 l screen.width+".htm" 在进行字符串连接后得到诸如 800.htm,1024.htm 之类的文件名。 l 可以在把完整代码存成单独一页作为引导页。 试一试:读者可以试着用assign方法实现页面跳转。 方法二:根据文档显示区域宽度重新调整层的定位。 具体步骤: 1. 获取文档显示区域的宽度。 document.body.offsetWidth 2.判断对象是否为层。 function isLayer(obj){ with(obj.currentStyle) return (position=="absolute"&&left!="") } 3.完整代码。 <script language="JavaScript"> <!-- function isLayer(obj){ //判断对象是否为层的函数 /*不用 style 而用 currentStyle 的原因是因为有些层不是直接在标签内写 CSS 的,这时用 style 取不到值*/ with(obj.currentStyle) //返回布尔值true或false return (position=="absolute"&&left!="") } //800为800X600分辨率下窗口最大化时document.body.offsetWidth的值 var iWidth=800 window.onload=function init(){ //匹配页面中所有标签名为DIV元素,以数组形式返回对象 var divs=document.getElementsByTagName("DIV") for(var i=0;i<divs.length;i++)//遍历所有DIV标签 if(isLayer(divs[i]))//判断对象是否为层,是则调整它的 X 坐标 divs[i].runtimeStyle.posLeft=parseInt(divs[i].currentStyle.left)+(document.body.offsetWidth-iWidth)/2 iWidth=document.body.offsetWidth //保存当前文档显示区域的宽度 } //--> </script> <body onresize="init()"> <div id=demo style="position:absolute;left:50px;top:100px;width:200px;height:200px;border:1px solid #000">Layer1</div> <div id=demo1 style="position:absolute;left:250px;top:50px;width:200px;height:200px;border:1px solid #000">Layer2</div> 注意: l 必须确保所有层的标签为 DIV。 l 程序中的 demo 和 demo1 两个层只是测试用的,在实际就用时可以删掉。 技巧:如果所有层都是直接在标签内的定义的,可以把 currentStyle 和runtimeStyle 改成 style。 提示: l JavaScript 的单行注释是以一对正斜杠”//”开始,多行注释以一个正斜杠加一个星号的组合(/*)开始,并以其逆向顺序 (*/)结束。 l window.onload 表示在页面加载完成后触发。 l onresize="init()" 表示在窗口大小改变时触发名为 init 的函数。 分析:屏幕分辨率先是影响到文档显示区域宽度(document.body.offsetWIdth)大小,然后文档显示区域宽度大小进一步影响到层的X轴定位和页面内容居中部分的相对位置e799bee5baa6e997aee7ad9431333264636265,所以只要根据文档显示区域宽度大小来重新调整层的X轴坐标就行了。 特别提示 Javascript脚本的代码原则上是要求放在代码的 <head> 与 </head> 间,但放到其它标签窗口内也可以正常运行,方法二中代码运行后效果如图 3.1 和 3.2 所示: 图 3.1 窗口最大化时层的 图 3.2 窗口缩小后的层的位置 特别说明方法一中用到了 location 对象的 replace 和 assign 方法来加载目标文档。 1. location对象的replace方法是将指定的文档替换当前文档。 2. location对象的assign方法是装入新的HTML文档。 方法二中用了 currentStyle、runtimeStyle 和 style 三个对象来捕获目标对象的样式设置。 1. currentStyle对象代表在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。 2. runtimeStyle对象代表居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。 3. style对象代表给定元素所有可能的内嵌样式的当前设置

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表