JS获取浏览器高度和宽度

JS获取浏览器高度和宽度
JS获取浏览器高度和宽度

JS获取浏览器高度和宽度

IE中:

document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

FireFox中:

document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

Opera中:

document.body.clientWidth ==> 可见区域宽度

document.body.clientHeight ==> 可见区域高度

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)没有定义W3C的标准,则

IE为:

document.documentElement.clientWidth ==> 0

document.documentElement.clientHeight ==> 0

FireFox为:

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)Opera为:

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

网页可见区域宽: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 相对文档的水平座标+垂直方向滚动的量

实现代码

< !DOCTYPE html PUBLIC "-//W3C//DTD X HTML 1.0 Transitional//EN"

"https://www.360docs.net/doc/7415107822.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请调整浏览器窗口

请调整浏览器窗口大小


浏览器窗口的实际高度:

浏览器窗口的实际宽度:

JS试题

-------------------------------------- 装-------------------------------------- 订------------------------------ 线---------------------------------------- 选择题(每题2分,共计100分) 1.当表单各项添写完毕,鼠标单击提交按钮时可以触发()事 件。 A. onenter B. onsubmit C. onmouseDrag D. onmouseOver 2.分析下面的JavaScript代码段,输出结果是()。 var a=15.59; document.write(Math.round(a)); A. 15 B. 16 C. 15.5 D. 15.4 3.使用JavaScript实现下面的功能:在一个文本框中内容发生 改变后,单击页面的其他部分将弹出一个消息框显示文本框 中的内容。下面语句正确的是()。 A. B. C. D. 4.假定今天是2006年4月1日星期六,请问下列JavaScript代 码在页面上的输出结果是()。 var time=new Date(); document.write(time.getDate()); A. 2006 B. 4 C. 1 D. 6 5.在HTML中,表单中的input元素的()属性用于指定表单元 素的名称。 A. value B. name C. type D. caption 6.下面描述正确的是()。 A. switch语句用于重复执行一个语句块的操作 B. switch语句根据表达式的值执行若干语句块之一,如果没 有匹配项,则执行默认语句块中的语句 C. switch语句表达式中的值不能与后面case语句中的常量 相匹配时将出现运行错误 D. switch语句又叫循环语句 7.分析如下JavaScript代码,b的值为()。 var a=1.5 ,b;

几个常用的 JavaScript 框架比较

几个常用的 JavaScript 框架比较 JavaScript 是面向对象的脚本语言,长期以来用作 Web 浏览器应用程序的客户端脚本接口。JavaScript 让 Web 开发人员能以编程方式处理 Web 页面上的对象,并提供了一个能够动态操作这些对象的平台。在最初引入 JavaScript 时,通常只用于提供 Web 页面上的一些不重要的特性,如时钟功能和浏览器状态栏中的滚动文本等。另一个常见的特性是“rollover link”,就是当用户将鼠标移到图片或文本链接上时,图片或文本链接的颜色会改变。然而,近年来,随着 Asynchronous JavaScript and XML (Ajax) 概念将基于 Web 的编程的交互性提升到一个新高度,JavaScript 也变得越来越重要。在出现 Ajax 之前,所有服务器端处理或数据库访问都需要“刷新” 整个页面或通过浏览器呈现一个新页面。这不仅减慢了速度并使用户感到沮丧,而且还浪费带宽和资源。 Ajax 表示 Asynchronous JavaScript and XML,但是将其称为 XML 已不再合适,因为 Ajax 请求可以返回多种格式的响应,而不限于 XML,例如 JSON (JavaScript Object Notation)。Ajax 的工作方式是允许 JavaScript 异步提交 HTTP 请求到 Web 服务器,并且在不刷新或呈现新页面的情况下呈现响应。相反,开发人员通常使用 DOM (Document Object Model) 操作来修改部分 Web 页面,显示其变化或由 HTTP 响应返回的数据。 JavaScript 本身就是一种功能强大的语言,您不需要额外的框架就可创建富互联网应用程序(RIA)。然而使用 JavaScript 并不是件容易的事,主要是由于支持多个 Web 浏览器产生的复杂性。与 HTML 和CSS一样,不同的浏览器有不同的 JavaScript 实现。让 JavaScript 代码实现跨浏览器兼容简直是个噩梦。 J avaScript 框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码的工具和函数。每一个库都在众多流行的 Web 浏览器的现代版本上进行了可靠的测试,因此,您可以放心地使用这些框架,您的基于 JavaScript 的 RIA 将会在不同浏览器和平台上以类似的方式工作。 除了解决跨浏览器问题,使用 JavaScript 框架可以更容易地编写检索、遍历、操作 DOM 元素的代码。它们不仅提供获取 DOM 元素引用的快捷函数,而且还允许 DOM 遍历函数以菊花链 (daisy-chaining)方式查找任意深度的父元素、子元素、兄弟元素。最后,框架还提供一系列函数来更轻松地操作这些对象,可以改变、添加或删除内容本身;或者使用 CSS 样式类来改变元素的外观。 框架的另一重要特性是其改进的事件处理支持。由于不同浏览器的实现方式各不相同,跨浏览器事件处理将会非常艰难。因此 JavaScript 框架通常封装浏览器事件,并提供一组有用的跨浏览器兼容的函数来进行处理。有些框架还会提供一组标准键盘代码来表示基于键盘的事件(如按下 Escape 键、Return 键、光标键,等等)。 所有这些特性都非常有用,但 JavaScript 框架有一个特性对于它最近的流行非常重要—支持Ajax。与 JavaScript 的其他许多方面一样,每个 Web 浏览器往往以不同方式支持 Ajax,这使得以一种在所有 Web 浏览器中都受支持的方式处理 Ajax 变得十分复杂。几乎所有 JavaScript 框架都包含某种形式的 Ajax 库支持,通常提供 Ajax 请求和响应对象,以及用于评价响应、更新 DOM 元素、查询特定请求的帮助函数(helper)。 现在,让我们看一看大多数 JavaScript 框架都具备的有用特性。包括: ?选择器(Selector) ?DOM 遍历 ?DOM 操作 ?实用(Utility)函数 ?事件处理 ?Ajax 在解释每个特性时,我将会用以下的一个或几个 JavaScript 框架举例说明:Prototype、jQuery、YUI、ExtJS 和 MooTools。尽管每个框架的实现和语法都各不相同,但概念都是相同的。每个框架都有一个详细的 API 参考,可帮助您理解如何使用该特定库中的特性。 选择器

javascript中top、clientTop、scrollTop、offsetTop 等位置属性详解

javascript中top、clientTop、scrollTop、offsetTop 的讲解 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 相对文档的水平座标+垂直方向滚动的量 以上主要指IE之中,FireFox差异如下: IE6.0、FF1.06+: clientWidth = width + padding clientHeight = height + padding offsetWidth = width + padding + border offsetHeight = height + padding + border

使用phantomjs操作DOM并对页面进行截图需要注意的几个问题

使用phantomjs操作DOM并对页面进行截图需要注意的几个问题 phantomjs是一个无界面浏览器,可用于网页截图和前端自动化测试,基于webkit 内核(也就是chrome使用的内核),并使用js编写业务脚本来请求、浏览和操作页面。最近前端监控需要用到phantomjs,特地研究了一下这个组件,遇到几个坑,这里汇总起来,希望对大家尤其是刚入门者有所帮助。 1、如何操作页面中的DOM元素? 这个问题比较简单,官方API提供了page.evaluate函数,范例代码: page.evaluate(function() { var plist = document.querySelectorAll("a");//获取所有链接 }); 2、如何滚动到页面底部? 部分页面使用了lazyload,比如图片或js的延迟加载,只有滚动到底部才会触发,因此对于这种页面,如果要展示完整的页面,则需设法使底部可见,主要有3个办法: 1、使浏览器足够大,这样底部就显示了,可以设置viewPortSize很大:page.viewportSize = {width: 4800,height: 8000}; 2、通过BOM方法操作滚动条,可以把滚动条滚动到一个很大的值,如:window.scrollTo(0,10000);也可以滚动到适应的高度:window.document.body.scrollTop = document.body.scrollHeight; 3、如何延迟截图? 页面请求的资源,如图片、异步cgi、js等,返回的时间以及执行的长短都是不确定的,如果截图过早,可能很多空白区域,因此需要定时截图,在打开页面后,使用setTimeout来延迟截图: window.setTimeout(function () { page.render("json2form.png"); phantom.exit(); }, 1000);

js返回网页顶部scrollTop用法及window.onscroll事件

js返回网页顶部scrollTop用法及window.onscroll事件 document.body.scrollTop用法 网页可见区域宽: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; 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 2013年4月3日 15:57 1.特点:它是一种解释语言,由浏览器执行,所以它是跨平台,因为它只和浏 览器的关系 2.语法是一种动态语言 3.可以代替服务器来完成一些客户端的操作,它可以写在网页的任何位置。只不过一般写在head里面。 4.语法和JAVA有相似,但不完全一样。 5.它是以事件做为驱动。用户可以创建函数(方法) 6.JS代码是从上到下依次执行。但是用function(){}来定义的对象会优先执行。 7.当你在调用或者绑定方法的时候加了(),那么一定会执行这个方法。 8.如果你只是将方法名赋值给事件,那么仅仅是将方法的引用赋值给事件,相当于事件的动态绑定, 如果需要执行方法,还需要触发事件. 9.方法可以返回值,但是如果返回给js对象默认的事件,则返回值必须是Function()类型的对象,否则结果是null 10.一个事件的绑定响应只有一个。 11:弱类型是指声明的时候不去做类型的判断,在运行的时候才真正去判断类 型.Var ----------------------------------------------------------------------------------------------------------------- //3.在JS里面没有重载如果方法名称一样,后面会将前面覆盖。 //4.参数不是必须的,你在定义方法的时候可以设置参数,也可以不设置,如果你设置了参数,在调用的时候也可以不传递相应的值。如果没有设置参数,在调用时候也可以传递进去值。和C#的方法调用的语法不一样(参数类型,个数,顺序需要对应) //5.如果是在调用的时候加了(),那么就相当于执行了这个方法,如果只是方 法名,那么就相当于绑定了方法的引用,如果需要方法起作用,还必须做触发。匿名方法

HTML+JS考试题

1. 在HTML中,下面()标签可以在页面上显示一个水平线。 A.

B. C.
D.
2. 要实现以下功能:在网页中插入一个图片joke11.gif,使用者通过单击该图片,连接到joke11.htm上去。下面的HTML代码,()是正确的。 A. B. C. < IMG SRC="images/joke11.gif"> D. 3. css中想要文本垂直水平居中应该()(选两项) A.text-align:center B.display:block C.line-height D.text-decoration 4. 下面哪两项不是块标签()。(选择两项) A.B. C.
>
D. 5. 下列css语法结构,完全正确的是() A.P{font-size:12;color:red;} B.P{ font-size:12;color:# red;} C.P{ font-size:12px;color:red;} D.P{ font-size:12px;color:#red;} 6. 阅读下面的JavaScript代码: < HTML > < BODY > < SCRIPT type="text/javascript" > function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.writeln(y); } < /SCRIPT > < /BODY > < /HTML > 输出结果是()。 A.0 1 2 3 4 B.0 1 4 9 16 C.0 1 4 9 16 25 D.以上答案都不对 7.以下代码片段中,属于绝对定位的是()。

用javascript控制打开网页窗口大小和HTML如何关闭窗口

用javascript控制打开网页窗口大小和HTML如何关闭窗口 如何将XP系统的启动画面修改成自己想要的图片方法网页制作——HTML 语言教程:目录用javascript控制打开网页窗口大小和HTML如何关闭窗口 2010-05-26 18:30:00| 分类:网络技术|字号订阅用javascript实现控制打开网页窗口的大小 和HTML如何关闭窗口的技巧大全 打开窗口即最大化 <script language="JavaScript"> <!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --> </script> ---------------------------------------------------------------- window.open方法 <a href="#" onclick="javascript:window.open('文件路径/文件名 ','newwindow',

'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300');">文字或图片</a> top=0,left=0,是打开网页的坐标定位 width=400,height=300' 是打开的网页的大小 我的窗口,我控制..... 【1、普通的弹出窗口】 其实代码非常简单: <SCRIPT LANGUAGE=javascript> <!-- window.open ('page.html') --> </SCRIPT> 因为这是一段javascripts代码,所以它们应该放在 <SCRIPT LANGUAGE=javascript>标签和</script>之间。<!-- 和-->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

js在火狐和IE浏览器的差异

js在火狐和IE浏览器的差异(摘录) 以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,MF 不能。 (2)解决方法: 改用 [] 作为下标运算。如:document.forms("formName") 改为document.forms["formName"]。 又如:document.getElementsByName("inputName")(1) 改为document.getElementsByName("inputName")[1] (3)其它 3. window.event (1)现有问题: 使用 window.event 无法在 MF 上运行

MF 的 event 只能在事件发生的现场使用,此问题暂无法解决。可以这样变通:原代码(可在IE中运行): ... 新代码(可在IE和MF中运行): ... 此外,如果新代码中第一行不改,与老代码一样的话(即 gotoSubmit 调用没有给参数),则仍然只能在IE中运行,但不会出错。所以,这种方案 tpl 部分仍与老代码兼容。 4. HTML 对象的 id 作为对象名的问题 (1)现有问题 在 IE 中,HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。

【IT专家】js 获取浏览器高度和宽度值(多浏览器)

本文由我司收集整编,推荐下载,如有疑问,请与我司联系 js 获取浏览器高度和宽度值(多浏览器) 2013/03/27 0 js获取浏览器高度和宽度,尽量的考虑了多浏览器。IE中:document.body.clientWidth == BODY对象宽度document.body.clientHeight == BODY 对象高度document.documentElement.clientWidth == 可见区域宽度document.documentElement.clientHeight == 可见区域高度FireFox中:document.body.clientWidth == BODY对象宽度document.body.clientHeight == BODY 对象高度document.documentElement.clientWidth == 可见区域宽度document.documentElement.clientHeight == 可见区域高度Opera中:document.body.clientWidth == 可见区域宽度document.body.clientHeight == 可见区域高度document.documentElement.clientWidth == 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight == 页面对象高度(即BODY对象高度加上Margin高)没有定义W3C的标准,则IE为: document.documentElement.clientWidth == 0document.documentElement.clientHeight == 0FireFox为:document.documentElement.clientWidth == 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight == 页面对象高度(即BODY对象高度加上Margin高)Opera为: document.documentElement.clientWidth == 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight == 页面对象高度(即BODY对象高度加上Margin高)网页可见区域宽: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屏幕可用工作

JS获取各种浏览器窗口的大小

JS获取各种浏览器窗口的大小 2008-06-21 19:03:44 来源:网页教学网 关于获取各种浏览器可见窗口大小的一点点研究 在我本地测试当中: 在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得,很简单,很方便。 而在公司项目当中: Opera仍然使用 document.body.clientWidth document.body.clientHeight 可是IE和FireFox则使用 document.documentElement.clientWidth document.documentElement.clientHeight

JavaScript程序设计习题

1课后习题 1.以下哪个选项是JavaScript技术特征( D )。 A.解释型脚本语言B.跨平台 C.基于对象和事件驱动D.具有以上各种功能 2.编辑JavaScript程序时( C )。 A.只能使用记事本B.只能使用FrontPage编辑软件 C.可以使用任何一种文本编辑器D.只能使用Dreamweaver编辑工具3.在程序开发过程中,用户输入内容的校验常分为功能性校验和( A )。 A.格式性校验B.内容性校验 C.事件性校验D.方法性校验 4.对于不支持JavaScript程序的浏览器,使用下面哪种标记会把编写的JavaScript脚本作为注释处理(A)。 A.标记B.' 标记 C.// 标记D./* */标记 5.在调用外部的JavaScript文件时,下面哪种写法是正确的( B )。 A. B. 6.如果将JavaScript脚本存储在单独的文件中,那么在IE浏览器中,选择“查看”/“源文件”命令时,查看源文件时( B )显示JavaScript程序源代码。 A.会 B.不会 7.下面哪种JavaScript语法格式是正确的( D )。 A.echo "I enjoy JavaScript"; B.document.write( I enjoy JavaScript); C.response.write("I enjoy JavaScript ") ; D.alert("I enjoy JavaScript "); 8.JavaScript脚本是否区分字母大小写( A )。 A.区分B.不区分

js获取文本框的值!js获取浏览器高度和宽度值

网页可见区域宽: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 IE中:document.body.clientWidth ==> BODY 对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中: document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面临象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面临象高度(即BODY对象高度加上Margin 高) 没有界说W3C的规范,则 IE为: document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为: document.documentElement.clientWidth ==> 页面临象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面临象高度(即BODY对象高度加上Margin高)Opera为: document.documentElement.clientWidth ==> 页面临象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面临象高度(即BODY对象高度加上Margin高)

大工19秋《JavaScript基础教程与应用》在线作业3满分答卷

大工19秋《JavaScript基础教程与应用》在线作业3 试卷总分:100分得分:100 1.下列不属于Javascript的基本组成的是( )。 A、DOM B、BOM C、ECMAScript D、jQuery [标准参考解析] 正确选择是:D 2.关于JavaScript中的Math对象的说法,正确的是( )。 A、Math.ceil(512.51)返回的结果为512 B、Math.floor( )方法用于对数字进行下舍入 C、Math.round(-512.51)返回的结果为-512 D、Math.random( )返回的结果范围为0-1,包括0和1 [标准参考解析] 正确选择是:B 3.在JavaScript中,下列说法错误的是( )。 A、setInterval( )用于在指定的毫秒后调用函数或计算表达式,可执行多次 B、setImeout( )用于在指定的毫秒后调用函数或计算表达式,可执行一次 C、setInterval( )的一个参数可以是计算表达式也可以是函数变量名 D、clearInterval( )和clearTimeout( )都可以消除setInterval( )函数设置的timeout [标准参考解析] 正确选择是:D 4.在JavaScript中,下列关于window对象方法的说法错误的是( )。 A、window对象包括location对象、history对象和docuement对象 B、window.onload( )方法中的代码会在一个该页面加载完成后执行 C、window.open( )方法用于在当前浏览器窗口加载指定的URL文档 D、window.close( )方法用于关闭浏览器窗口 [标准参考解析] 正确选择是:C 5.在JavaScript中,下面变量的声明和赋值语句错误的是 ( )。 A、x = 10; B、int x = 10 ; C、var x = 10; D、var x,y,x = 10; [标准参考解析] 正确选择是:B

Javascript知识点汇总(供参考)

文档从互联网中收集,已重新修正排版,word 格式支持编辑,如有帮助欢迎下载支持。
HTML 概要知识点梳理 .................................................................................................................. 2 1、了解 HTML 的概念 ........................................................................................................... 2 2、熟练掌握 HTML 的文档结构。 ....................................................................................... 2 3、标签的分类..........................................................................................错误!未定义书签。 块记标签: ...................................................................................... 错误!未定义书签。 行级标签:....................................................................................................................... 2 掌握灵活运用实际开发中常用的 4 中布局结构:............................................................... 3 注意编写习惯:....................................................................................................................... 3 超链接的应用:....................................................................................................................... 3 表单的应用:........................................................................................................................... 3 下拉列表框:................................................................................................................... 4 多行文本框....................................................................................................................... 4 只读和禁用属性............................................................................................................... 5 隐藏域:......................................................................................................................... 5
Css 样式表........................................................................................................................................ 5 常用样式设置总结................................................................................................................... 5 超链接伪类样式........................................................................................错误!未定义书签。 各类样式的优先级................................................................................................................... 5
Javascript 知识点汇总...................................................................................................................... 6 一、 JavaScript 理论知识点的理解: ................................................................................... 6 1、 JavaScript 定义 ......................................................................................................... 6 2、 JavaScript 组成。 ..................................................................................................... 6 3、 JavaScript 的基本结构 ............................................................................................. 7 4、 JavaScript 的引用方式 ............................................................................................. 7 二、 JavaScript 核心语法 ....................................................................................................... 7 1、 语法约定:............................................................................................................... 7 2、 变量:....................................................................................................................... 8 3、 数据类型:............................................................................................................... 8 4、 运算符:................................................................................................................... 8 三、 JavaScript 基本应用 ....................................................................................................... 8 1、 消息框:................................................................................................................... 8 2、 数组:....................................................................................................................... 9 JavaScript 中的 for in 迭代语句: ............................................................................ 10 3、 函数:..................................................................................................................... 10 4、 事件:..................................................................................................................... 11 5、 其他注意事项:..................................................................................................... 11 四、 JavaScript 中的对象 ..................................................................................................... 12 一、 BOM 和 DOM 对象有哪些区别:(了解)........................................................ 12 二、 BOM 对象............................................................................................................. 13 Window 对象属性 ................................................................................................................. 13 window 对象常用的方法:........................................................................................... 13 三、 DOM 对象 ............................................................................................................ 14 Document 对象常用的属性 ................................................................................................... 14 Document 对象的常用方法 ........................................................................................... 14
1word 格式支持编辑,如有帮助欢迎下载支持。

相关文档
最新文档