js关于document和window几大对象
JS的Document属性和方法
JS的Document属性和⽅法Attributes 存储节点的属性列表(只读)childNodes 存储节点的⼦节点列表(只读)dataType 返回此节点的数据类型Definition 以DTD或XML模式给出的节点的定义(只读)Doctype 指定⽂档类型节点(只读)documentElement 返回⽂档的根元素(可读写)firstChild 返回当前节点的第⼀个⼦节点(只读)Implementation 返回XMLDOMImplementation对象lastChild 返回当前节点最后⼀个⼦节点(只读)nextSibling 返回当前节点的下⼀个兄弟节点(只读)nodeName 返回节点的名字(只读)nodeType 返回节点的类型(只读)nodeTypedValue 存储节点值(可读写)nodeValue 返回节点的⽂本(可读写)ownerDocument 返回包含此节点的根⽂档(只读)parentNode 返回⽗节点(只读)Parsed 返回此节点及其⼦节点是否已经被解析(只读)Prefix 返回名称空间前缀(只读)preserveWhiteSpace 指定是否保留空⽩(可读写)previousSibling 返回此节点的前⼀个兄弟节点(只读)Text 返回此节点及其后代的⽂本内容(可读写)url 返回最近载⼊的XML⽂档的URL(只读)Xml 返回节点及其后代的XML表⽰(只读)⽅法:appendChild 为当document.write() //动态向页⾯写⼊内容document.createElement_x(Tag) //创建⼀个html标签对象document.getElementByIdx_x(ID) //获得指定ID值的对象document.getElementsByName(Name) //获得指定Name值的对象前节点添加⼀个新的⼦节点,放在最后的⼦节点后cloneNode 返回当前节点的拷贝createAttribute 创建新的属性createCDATASection 创建包括给定数据的CDATA段createComment 创建⼀个注释节点createDocumentFragment 创建DocumentFragment对象createElement_x 创建⼀个元素节点createEntityReference 创建EntityReference对象createNode 创建给定类型,名字和命名空间的节点createPorcessingInstruction 创建操作指令节点createTextNode 创建包括给定数据的⽂本节点getElementsByTagName 返回指定名字的元素集合hasChildNodes 返回当前节点是否有⼦节点insertBefore 在指定节点前插⼊⼦节点Load 导⼊指定位置的XML⽂档loadXML 导⼊指定字符串的XML⽂档removeChild 从⼦结点列表中删除指定的⼦节点replaceChild 从⼦节点列表中替换指定的⼦节点Save 把XML⽂件存到指定节点selectNodes 对节点进⾏指定的匹配,并返回匹配节点列表selectSingleNode 对节点进⾏指定的匹配,并返回第⼀个匹配节点transformNode 使⽤指定的样式表对节点及其后代进⾏转换transformNodeToObject 使⽤指定的样式表将节点及其后代转换为对象body-主体⼦对象document.body //指定⽂档主体的开始和结束等价于body>/body>document.body.bgColor //设置或获取对象后⾯的背景颜⾊document.body.link //未点击过的链接颜⾊document.body.alink //激活链接(焦点在此链接上)的颜⾊document.body.vlink //已点击过的链接颜⾊document.body.text //⽂本⾊document.body.innerText //设置body>…/body>之间的⽂本document.body.innerHTML //设置body>…/body>之间的HTML代码document.body.topMargin //页⾯上边距document.body.leftMargin //页⾯左边距document.body.rightMargin //页⾯右边距document.body.bottomMargin //页⾯下边距document.body.background //背景图⽚document.body.appendChild(oTag) //动态⽣成⼀个HTML对象常⽤对象事件document.body.onclick=”func()” //⿏标指针单击对象是触发document.body.onmouseover=”func()” //⿏标指针移到对象时触发document.body.onmouseout=”func()” //⿏标指针移出对象时触发———————————————————————location-位置⼦对象document.location.hash // #号后的部分document.location.host // 域名+端⼝号document.location.hostname // 域名document.location.href // 完整URLdocument.location.pathname // ⽬录部分document.location.port // 端⼝号document.location.protocol // ⽹络协议(http:)document.location.search // ?号后的部分documeny.location.reload() //刷新⽹页document.location.reload(URL) //打开新的⽹页document.location.assign(URL) //打开新的⽹页document.location.replace(URL) //打开新的⽹页———————————————————————selection-选区⼦对象document.selection ———————————————————————images集合(页⾯中的图象)a)通过集合引⽤document.images //对应页⾯上的img标签document.images.length //对应页⾯上img标签的个数document.images[0] //第1个img标签document.images[i] //第i-1个img标签b)通过nane属性直接引⽤img name=”oImage”document.images.oImage //属性c)引⽤图⽚的src属性document.images.oImage.src //属性.src d)创建⼀个图象var oImageoImage = new Image()document.images.oImage.src=”1.jpg”同时在页⾯上建⽴⼀个img /标签与之对应就可以显⽰———————————————————————-forms集合(页⾯中的表单)a)通过集合引⽤document.forms //对应页⾯上的form标签document.forms.length //对应页⾯上/formform标签的个数document.forms[0] //第1个/formform标签document.forms[i] //第i-1个/formform标签document.forms[i].length //第i-1个/formform中的控件数document.forms[i].elements[j] //第i-1个/formform中第j-1个控件b)通过标签name属性直接引⽤/formform name=”Myform”>input name=”myctrl”/>/form document.Myform.myctrl //document.表单名.控件名c)访问表单的属性document.forms[i].name //对应form name>属性document.forms[i].action //对应/formform action>属性document.forms[i].encoding //对应/formform enctype>属性document.forms[i].target //对应/formform target>属性document.forms[i].appendChild(oTag) //动态插⼊⼀个控件document.all.oDiv //引⽤图层oDivdocument.all.oDiv.style.display=” //图层设置为可视document.all.oDiv.style.display=”none” //图层设置为隐藏document.getElementId(”oDiv”) //通过getElementId引⽤对象document.getElementId(”oDiv”).style=”document.getElementId(”oDiv”).display=”none”图层对象的4个属性document.getElementByIdx_x(”ID”).innerText //动态输出⽂本document.getElementByIdx_x(”ID”).innerHTML //动态输出HTMLdocument.getElementByIdx_x(”ID”).outerText //同innerTextdocument.getElementByIdx_x(”ID”).outerHTML //同innerHTMLdocument属性作为window对象的⼀个⼦对象被创建，是⽤于访问页⾯中所有元素的对象。
Document对象详解
第一章 文档中的对象
• 使用Document对象可以访问文档中的对象， 文档中的对象包括HTML元素，超链接，锚 点和图像等。
1.1 HTML元素
• 在javascript中，为Document对象定义了all 属性来访问文档中的所有HTML元素对象。 • 通过Document对象使用all属性，得到文档 中的所有HTML元素对象组成的数组。因此 所有对数组的操作都可以应用在all属性的 结果。
第四章 文档事件
• 在文档中有两个非常重要的事件，那就是鼠标事 件和键盘事件。在鼠标事件和键盘事件中又有很 多更加具体的事件。在前面的学习中已经知道， 可以使用对象来调用它们，也可以将事件放在 body标记中，这些对前面学过的事件是可行的。 • 但是对于鼠标事件和键盘事件来说不可以了，因 为这与浏览器有关。在ie浏览器中，只能把事件 放在body标记中；在NN浏览器中，只能把事件通 过对象来调用。
1.5表单
• 在javascript中，为document对象定义了forms属 性来对文档中的表单进行操作，同样使用forms属 性可以得打文档中所有表单的数组，使用数组的 length属性可以得到表单的个数，使用数组小标 来得到特定的表单。 • 在实际应用中，通常都会为每个表单定义名称， 所以都会使用表单名称来得到指定的表单。除了 使用表单名称作为数组的索引外，还可以直接使 用名称作为属性来使用，其基本形式为： • Document.formname
2.3 文档标题
• 在javascript中，为Document对象定义了 title属性来获得文档的标题。文档标题是文 档中一个很小的知识点，在HTMl文件中 TITLE标记对中的就是文档的标题。前面已 经讲到过，TITLE标记可以省略，但是文档 的标题任然存在，知识为空。
简述window对象
简述window对象window对象是Windows操作系统中最基本的用户界面元素之一,也是JavaScript语言中最常用的对象之一。
它是一个窗口对象,可以访问操作系统创建的Windows窗口,包括文本框、按钮、标签、菜单等控件。
以下是window对象的一些基本信息和用法:1. 基本属性window对象有以下几个基本属性:- 窗口标题(title):显示在窗口标题栏上的标题字符串。
- 窗口大小(width):窗口的宽度。
- 窗口高度(height):窗口的高度。
- 窗口位置(position):窗口在屏幕上的相对位置。
- 默认可见性(default visibility):如果窗口没有显式,则默认隐藏。
- 边框宽度(border width):窗口的边框宽度。
- 背景色(background color):窗口的背景色。
- 状态(status):窗口的状态,包括正在被使用时的显示状态和关闭时的隐藏状态。
2. 方法window对象有以下方法:- 显示(show):将窗口显示出来,如果窗口处于隐藏状态,则显示窗口标题。
- 隐藏(hide):将窗口隐藏起来,如果窗口处于显示状态,则隐藏窗口标题。
- 最大化(maximize):将窗口最大化,使其占据整个屏幕。
- 最小化(minimize):将窗口最小化,使其缩放到屏幕的右下角。
- 恢复(re还原):将窗口恢复到默认状态,如果窗口处于最小化状态,则恢复窗口标题。
- 移动(move):将窗口向上、向下、向左、向右移动,如果窗口处于固定状态,则只移动窗口标题。
- 旋转(rotate):将窗口旋转90度或270度,如果窗口处于固定状态,则只旋转窗口标题。
- 滚动(scroll):将窗口向上、向下、向左、向右滚动,如果窗口处于固定状态,则只滚动窗口标题。
- 关闭(close):关闭窗口,如果窗口处于显示状态,则关闭窗口标题。
- 显示消息(display message):在窗口中显示一条消息,可以显示文本、图像、链接等。
window对象方法
window对象方法Window对象是JavaScript中的全局对象，提供了许多方法来操作与浏览器窗口相关的功能。
下面是几个常用的Window对象方法的介绍：1. alert()方法：该方法用于显示一个带有一段消息和一个确认按钮的警告框。
通过调用alert()方法，可以向用户提供一些必要的信息或警告。
2. confirm()方法：该方法用于显示一个带有一段消息、确认按钮和取消按钮的确认框。
用户点击确认按钮后，confirm()方法返回true；用户点击取消按钮后，confirm()方法返回false。
可以利用该方法获取用户的选择，并根据选择做出不同的处理。
3. prompt()方法：该方法用于显示一个带有消息、输入框和确认按钮的对话框，接受用户输入。
用户可以在输入框中输入文本，并点击确认按钮提交输入的内容。
prompt()方法返回用户输入的内容。
可以利用该方法获取用户的输入，并进行后续的操作。
4. open()方法：该方法用于打开一个新的浏览器窗口或者一个新的标签页。
可以指定打开页面的URL、窗口的大小、位置以及其他属性。
open()方法返回一个代表新窗口的Window对象，可以对该窗口进行进一步的操作。
5. close()方法：该方法用于关闭一个浏览器窗口或者一个标签页。
可以通过调用close()方法关闭当前窗口。
除了上述介绍的方法，Window对象还提供了许多其他方法，例如setTimeout()和setInterval()用于定时执行代码，以及location对象相关的方法用于获取或设置当前窗口的URL等。
总结来说，Window对象的方法可以方便地与浏览器窗口进行交互，提供了丰富的功能来展示信息、获取用户输入以及控制窗口的打开和关闭等操作。
在开发Web应用程序时，可以根据需求灵活使用这些方法，以提升用户体验和增强交互性。
JS（function（window,document,undefined）{}）（win。。。
JS（function（window,document,undefined）{}）（win。
原⽂地址：按原⽂翻译在这篇⽂章中，我们将探讨标题所暗⽰的内容，并解释⾃调⽤函数设置给我们带来了什么。
有趣的是，我被问到关于IIFE(即时调⽤的函数表达式)的很多，它采⽤以下设置:(function (window, document, undefined) {//})(window, document);那么为什么不写⼀篇关于它的⽂章呢? :-)⾸先，这是⼀系列不同的事情。
从顶部:JavaScript具有函数作⽤域，因此⾸先创建了⼀些需要的“私有范围”。
例如:(function (window, document, undefined) {var name = 'Todd';})(window, document);console.log(name); //name is not defined，它在⼀个不同的范围内Simple.⼀个正常函数是这样的:var logMyName = function (name) {console.log(name);};logMyName('Todd');我们可以选择调⽤它，在任何我们需要/想的位置。
“IIFE”之所以被创造出来是因为它们是直接调⽤的函数表达式。
这意味着它们在运⾏时被⽴即调⽤，我们也不能再调⽤它们了，它们只运⾏⼀次:var logMyName = (function (name) {console.log(name); // Todd})('Todd');这⾥的秘诀是，(我在前⾯的例⼦中给⼀个变量赋值):(function () {})();多余的⼀对括号是必要的，因为这样不起作⽤:function () {}();虽然可以通过⼀些技巧来欺骗JavaScript“使其⼯作”。
这样强制JavaScript解析器处理 ! 后⾯的代码：!function () {}();还有其他的变体：+function () {}();-function () {}();~function () {}();但我不会⽤它们。
document用法js
document用法js在JavaScript中，document对象是Web应用程序与浏览器交互的主要接口。
它代表了浏览器窗口中可见的文档，提供了许多属性和方法，用于处理文档的加载、显示、交互和修改等操作。
下面将详细介绍document对象的用法。
一、基本含义document对象表示浏览器窗口中当前的HTML文档。
它是一个全局对象，可以在JavaScript代码中的任何地方访问。
二、属性和方法1.属性(1)文档内容：document.documentElement属性返回文档的根元素（即<html>元素）。
(2)文档URL：document.URL属性返回当前文档的URL。
(3)文档标题：document.title属性返回当前文档的标题。
(4)文档类型：document.doctype属性返回文档类型声明对象（如果存在）。
2.方法(1)加载和显示文档：document.open()方法用于打开一个新的文档或清空现有文档的内容，以便于新的内容可以写入其中。
document.write()方法用于向文档中写入内容。
这两个方法通常一起使用，以加载并显示HTML文档。
(2)创建新元素：document.createElement()方法用于创建一个新的HTML元素，并将其添加到文档中。
(3)修改元素内容：document.getElementById()、document.getElementsByClassName()和document.getElementsByTagName()方法可用于获取文档中的元素，并对其进行操作，如修改其内容和属性。
(4)事件处理：document对象可以监听各种浏览器事件，如点击、鼠标移动、键盘输入等，并相应地执行回调函数。
常用的事件处理方法包括addEventListener()和removeEventListener()。
三、常见用法示例1.加载和显示HTML文档：```javascriptdocument.open();//打开新的文档或清空现有文档内容document.write('<html><head><title>MyTitle</title></head> <body>HelloWorld!</body></html>');//写入内容document.close();//关闭文档```2.创建新元素并添加到文档中：```javascriptvarp=document.createElement('p');//创建新的<p>元素p.textContent='Thisisanewparagraph.';//设置内容document.body.appendChild(p);//将<p>元素添加到<body>元素中```3.使用getElementById获取元素并进行操作：```javascriptvarmyElement=document.getElementById('myId');//获取具有指定ID的元素myElement.style.color='red';//修改元素的字体颜色为红色```4.事件处理示例：```javascriptdocument.getElementById('myButton').addEventListener('cli ck',function(){alert('Buttonwasclicked.');//当按钮被点击时显示警告框});```以上是document对象的一些常用属性和方法，通过这些方法可以方便地操作和处理HTML文档。
JS中document对象详解
JS中document对象详解JS中document对象详解对象属性document.title //设置⽂档标题等价于HTML的<title>标签document.bgColor //设置页⾯背景⾊document.fgColor //设置前景⾊(⽂本颜⾊)document.linkColor //未点击过的链接颜⾊document.alinkColor //激活链接(焦点在此链接上)的颜⾊document.vlinkColor //已点击过的链接颜⾊document.URL //设置URL属性从⽽在同⼀窗⼝打开另⼀⽹页document.fileCreatedDate //⽂件建⽴⽇期，只读属性document.fileModifiedDate //⽂件修改⽇期，只读属性document.fileSize //⽂件⼤⼩，只读属性document.cookie //设置和读出cookiedocument.charset //设置字符集简体中⽂:gb2312---------------------------------------------------------------------对象⽅法document.write() //动态向页⾯写⼊内容document.createElement(Tag) //创建⼀个html标签对象document.getElementById(ID) //获得指定ID值的对象document.getElementsByName(Name) //获得指定Name值的对象document.body.appendChild(oTag)---------------------------------------------------------------------body-主体⼦对象document.body //指定⽂档主体的开始和结束等价于<body></body>document.body.bgColor //设置或获取对象后⾯的背景颜⾊document.body.link //未点击过的链接颜⾊document.body.alink //激活链接(焦点在此链接上)的颜⾊document.body.vlink //已点击过的链接颜⾊document.body.text //⽂本⾊document.body.innerText //设置<body>...</body>之间的⽂本document.body.innerHTML //设置<body>...</body>之间的HTML代码document.body.topMargin //页⾯上边距document.body.leftMargin //页⾯左边距document.body.rightMargin //页⾯右边距document.body.bottomMargin //页⾯下边距document.body.background //背景图⽚document.body.appendChild(oTag) //动态⽣成⼀个HTML对象----------------------------常⽤对象事件:document.body.onclick="func()" //⿏标指针单击对象是触发document.body.onmouseover="func()" //⿏标指针移到对象时触发document.body.onmouseout="func()" //⿏标指针移出对象时触发document.body.innerHTML='＜br/＞＜br/＞＜br/＞This is not at the bottom!＜br/＞"+document.body.innerHTML; <body>test<script>function dothis() {alert('done!');}</script><script>document.body.onclick = dothis();</script></body><SCRIPT LANGUAGE="JavaScript">for(a in document.body){document.write(a);document.write("----");document.write(document.body[a]);document.write("<br>");}</SCRIPT>var br = document.createElement("br");document.body.appendChild(br); ======================================================================location:document.location.hash // #号后的部分 VS window.location.hashdocument.location.host // 域名+端⼝号document.location.hostname // 域名document.location.href // 完整URLdocument.location.pathname // ⽬录部分(应⽤程序)document.location.port // 端⼝号document.location.protocol // ⽹络协议(http:)document.location.search // ?号后的部分----------------------------常⽤对象事件:documeny.location.reload() //刷新⽹页document.location.reload(URL) //打开新的⽹页document.location.assign(URL) //打开新的⽹页document.location.replace(URL) //打开新的⽹页URL即:统⼀资源定位符 (Uniform Resource Locator, URL)完整的URL由这⼏个部分构成：scheme://host:port/path?query#fragmentscheme:通信协议常⽤的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
js中的window对象的用法
js中的window对象的用法JavaScript 中的 window 对象是浏览器的全局对象，它包含了浏览器窗口的所有内容，可以用来操作和控制浏览器窗口的各种属性和方法。
下面是一些常用的 window 对象的用法和功能介绍。
1.访问和操作浏览器窗口的属性：- window.innerWidth / window.innerHeight：获取浏览器窗口的内部宽度和高度。
- window.outerWidth / window.outerHeight：获取浏览器窗口的外部宽度和高度。
- window.location.href：获取或设置当前页面的 URL。
- window.location.reload(：重新加载当前页面。
- window.location.replace(url)：用指定的 URL 替换当前页面。
- window.location.assign(url)：加载指定的 URL。
- window.history.back( / window.history.forward(：在浏览器历史记录中后退或前进一页。
2.操作浏览器窗口：- window.close(：关闭当前窗口。
3.弹出对话框：- window.alert(message)：显示带有一段消息和一个确认按钮的警告框。
- window.confirm(message)：显示带有一段消息、确认按钮和取消按钮的对话框。
- window.prompt(message, defaultText)：显示带有一段消息、输入框和确认按钮的对话框。
4.定时器和延时执行：- window.setTimeout(function, delay)：在指定的延迟时间后执行给定的函数。
- window.setInterval(function, interval)：按照指定的时间间隔重复执行指定的函数。
5.监听和响应用户事件：- window.onclick / window.ondblclick：当用户单击或双击鼠标时触发。
javascript中的各种width,height属性整理
javascript中的各种width,height属性整理⽬标：1. 理清js及jquery的各种width和height对象：Window对象表⽰浏览器中打开的窗⼝；window对象可以省略。
⽐如alert()、window.alert()。
Document对象是Window对象的⼀部分。
那么document.body我们可以写成window.document.body；浏览器的HTML⽂档成为Document对象。
window对象的location属性引⽤的是Location对象，表⽰该窗⼝中当前显⽰⽂档的URL。
document的对象的location属性也是引⽤了Location对象。
(window.location === document.location; //true)与window相关的宽⾼有⼀下⼏个：1. window.innerWidth，通过字⾯意思我们知道这是⼀个内部的宽度2. window.innerHeight，内部的⾼度3. window.outerWidth，外部的宽度4. window.outerHeight，外部的⾼度 window.innerHeight和window.outHeight1.window.innerWidth和window.outWidth挂靠在window下的宽⾼还有window.screen， window.screen包含有关⽤户屏幕的信息。
它包括：window.screen.widthwindow.screen.heightwindow.screen.availHeightwindow.screen.availWidthwindow.screenTopwindow.screenLeft图解window相关宽⾼代码演⽰演⽰代码：console.log("innerWidth=",innerWidth);console.log("innerHeight=",innerHeight);console.log("outerWidth=",outerWidth);console.log("outerHeight=",outerHeight);Chrome浏览器下效果代码：("screen.width=",screen.width); ("screen.height=",screen.height); ("screen.availWidth=",screen.availWidth); ("screen.availHeight=",screen.availHeight);在Chrome浏览器下效果window相关宽⾼浏览器兼容问题innerHeight和outerHeight是不⽀持IE9以下版本的，⽽screen系列则不存在兼容问题。
JSwindow对象的top、parent、opener含义介绍
JSwindow对象的top、parent、opener含义介绍1.top该变更永远指分割窗⼝最⾼层次的浏览器窗⼝。
如果计划从分割窗⼝的最⾼层次开始执⾏命令，就可以⽤top变量。
2.openeropener⽤于在window.open的页⾯引⽤执⾏该window.open⽅法的的页⾯的对象。
例如：A页⾯通过window.open()⽅法弹出了B页⾯，在B页⾯中就可以通过opener来引⽤A页⾯，这样就可以通过这个对象来对A页⾯进⾏操作。
3.parentparent⽤于在iframe,frame中⽣成的⼦页⾯中访问⽗页⾯的对象。
例如：A页⾯中有⼀个iframe或frame，那么iframe或frame中的页⾯就可以通过parent对象来引⽤A页⾯中的对象。
这样就可以获取或返回值到A页⾯中。
4.另外self 指的是当前窗⼝parent与opener的区别：parent指⽗窗⼝，在FRAMESET中，FRAME的PARENT就是FRAMESET窗⼝。
opener指⽤WINDOW.OPEN等⽅式创建的新窗⼝对应的原窗⼝。
parent是相对于框架来说⽗窗⼝对象opener是针对于⽤window.open打开的窗⼝来说的⽗窗⼝，前提是window.open打开的才有document.parentWindow.menthod()調⽤⽗⾴⾯的⽅法附：Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系Window对象→Parent对象→Frame对象→Document对象→Form对象，如下： parent.frame1.document.forms[0].elements[0].value;。
Javascript考试题目选择题
复习题一、选择题1、写“Hello World”的正确javascript语法是？(A)A. document.write("Hello World")B. "Hello World"C. response.write("Hello World")D. ("Hello World")2、JS特性不包括( D )A.解释性B.用于客户端C.基于对象D.面向对象3、下列JS的判断语句中( )是正确的（A）A.if(i==0)B.if(i=0)C.if i==0 thenD.if i=0 then4、下列JavaScript的循环语句中( )是正确的( D )A.if(i<10;i++)B.for(i=0;i<10)C.for i=1 to 10D.for(i=0;i<=10;i++)5、下列的哪一个表达式将返回假( B )A.!(3<=1)B.(4>=4)&&(5<=2)C.(“a”==”a”)&&(“c”!=”d”)D.(2<3)||(3<2)6、下列选项中,( )不是网页中的事件(D)A.onclickB.onmouseoverC.onsubmitD.onpressbutton7、有语句“var x=0;while(____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为：( C ) A．x<10 B. x<=10 C.x<20 D.x<=208、JS语句( B ) var a1=10;var a2=20;alert(“a1+a2=”+a1+a2)将显示( )结果A.a1+a2=30B.a1+a2=1020C.a1+a2=a1+a29、将字串s中的所有字母变为小写字母的方法是( B)10、以下( )表达式产生一个0~7之间(含0,7)的随机整数. ( C )C.Math. floor(Math.random()*8)11、产生当前日期的方法是( C )A.Now();B.Date()C.new Date()D.new Now()12、如果想在网页显示后,动态地改变网页的标题( C )A.是不可能的B.通过document.write(“新的标题内容”)C. 通过document.title=(“新的标题内容”)D. 通过document.changeTitle(“新的标题内容”)13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是( B )D.以上都可以14、HTML文档的树状结构中，（）标签为文档的根节点，位于结构中的最顶层。
js基础试题及答案(一)
js基础试题及答案（⼀）⼀、单选题（共30题，每题2分）1.如下代码，会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2);A 0B 11C 1+1D 报错正确答案: A解析:相减,进⾏隐⼠转换,全部为数字2.如下代码，会弹出来是什么 var num1=“hi” var num2=1 alert(num1+num2);A hi1B 1C hiD 报错正确答案: A解析:字符串拼接3.在JS中，“1555”+3的运⾏结果是A 1558B 1552C 15553D 1553正确答案: C解析:155534.parseInt(“20.2aa”) 返回值为A 20B 20.2C 20.2aaDNaN正确答案: A解析:205.分析输出结果是function sum(a){ a = a + 2; }var res = sum(2);console.log(res);A 2B 4C NaND undefined正确答案: D解析:undefined6.var a = false;var x = a? “A” : “B”;最终x的值为A AB BC trueD false正确答案: B解析:B7.下列变量名合法的是A 5showB returnC $userD var正确答案: C解析:变量名不能以数字开头，A错；BD是关键字，C正确8.需要在 html 页⾯上引⽤脚本⽂件myJs.js，下列语句中，正确的是A <script href="myJs.js" type="text/javascript" />B <script src="myJs.js" type="text/javascript" />C <script href="myJs.js" type="text/javascript"></script>D <script src="myJs.js" type="text/javascript"></script>正确答案: D解析:script 是双标签，src引⼊⽂件9.代码的输出结果是var a = 3;var b = 2;var c = (a+2)/b;document.write ©;A 2.0B 2.5C 16.0D (3+2)/2正确答案: B解析:js弱类型，(2+3)/2=2.510.代码的输出结果是function add(){undefinedvar sum = 1 + 2 ;console.log( sum ) ;}console.log(sum) ;A 输出两个3B 输出⼀个3C 程序报错D 输出⼀个undefined正确答案: C解析:sum是局部变量，全局环境未定义11.typeof null 检测出来的数据类型是A nullB numberC objectD undefined正确答案: C解析:null是空对象12.parseInt(“12a”)的结果是A NaNB 12aC 0D 12正确答案: D解析:因为parseInt()的转换规则：跳过开头结尾的空字符，从左到右依次执⾏转换，碰到第⼀个不认识的数字则停⽌，所以答案为D13.下列的哪⼀个表达式将返回假A !(3<=1)B (4>=4)&&(5<=2)C 2<3D (2<3)||(3<2)正确答案: B解析:&& 左右有⼀侧为假 ；整个表达式就为假14.关于循环下列说法正确的是A while循环⾄少会运⾏⼀次B do…while循环⾄少会运⾏⼀次C for循环⾄少会运⾏⼀次D switch循环⾄少会运⾏⼀次正确答案: B解析:do…while 是先执⾏后判断，不管条件成不成⽴，都会⾄少执⾏⼀次15.for(var i = 0; i < 10; i++){ i++; }console.log(i)的值是？A 10B 9C undefinedD 7正确答案: A解析:i++ 最终为10； 不⼩于10；结束for循环；此时i为1016.下⾯代码的执⾏结果为var a = 20;function foo(){undefinedconsole.log(a) ;var a = 10 ;console.log(a) ;}foo();A 20 10B 10 10C 20 20D undefined 10正确答案: D解析:函数中的a会变量提升；所以第⼀个a是undefined；a 赋值了10；所以a 是10；D选项是正确的17.有下述JS代码：var x = 10; var y = 20;var z = x<y ? x++ : ++y ;console.log( ‘x=’ + x + ‘; y=’ + y + ‘; z=’ + z);其运⾏结果是A x=11; y=21; z=11B x=11; y=20; z=10C x=11; y=21; z=10D x=11; y=20; z=11正确答案: B解析:x=11; y=20; z=1018.查看如下代码：function f1( ){undefinedconsole.log(x);var x = 10;123++x;console.log(x);}f1();执⾏后的结果是A 程序错误B undefined 和 10C undefined 和 11D 10 和 11正确答案: C解析:undefined 和 1119.引⽤名为"xxx.js"的外部脚本的正确语法是ABCD正确答案: C解析:JS脚本引⼊⽤src属性20.如下代码，会弹出来是什么 var a; alert(a);A 报错B a is not defineC undefinedD 0正确答案: C解析:变量提升21.如下代码，会弹出来是什么 alert(a);var a=12;A 报错B a is not defineC undefinedD 12正确答案: C解析:变量提升22.的组成不包括A ECMAScriptB DOMC BOMD document正确答案: D解析:23.console.log( typeof 123 === “number”)A 报错B trueC falseD 123正确答案: B解析:得到字符串的"number", 所以类型和值都相等为全等24.代码的输出结果是function fnMax(a,b,c){undefinedvar a,b,c;var max = a > b ? a : b;if(c > max){ max = c; }alert(max);1234567}fnMax(8,2,5);A 5B 2C 8D 10正确答案: C解析:8,2,5中的最⼤值为825.以下哪项不属于javascript的特征A Javascript是⼀种脚本语⾔B Javascript是事件驱动的C Javascript代码需要⼿动编译以后才能执⾏D Javascript是独⽴于平台的正确答案: C解析:JavaScript是基于事件驱动并独⽴于平台的脚本语⾔26.如下代码，会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2);A 0B 11C 1+1D 报错正确答案: A解析:相减,进⾏隐⼠转换,全部为数字27.console.log(typeof typeof 123456)，在控制台中打印什么内容A 123456B numberC stringD object正确答案: C解析:第⼀个 typeof 123456 返回 “number”然后typeof “number” 返回"string"28.console.log( (2==true)+1 )会弹出A trueB falseC 1D 2正确答案: C解析:29.如下代码，会弹出来是什么 var num1=“1”; var num2=1 alert(num1+num2)A 2B 11C 1+1D 报错正确答案: B解析:隐⼠转换30.下列表达式结果为false的是A !""B !{}C !undefinedD !!5正确答案: B解析:使⽤if去判断⼀个空对象结果仍然是true⼆、多选题(不定项选择)（共20题，每题2分）1.下⾯哪些是循环语句A whileB do…whileC forD switch正确答案: A,B,C解析:while、do…while、for2.下⾯哪些属于选择结构控制语句:A ifB forC switchD while正确答案: A,C解析:固定关键字3.下⾯选项中数据类型为数字类型的有A “1”B 1C trueD NaN正确答案: B,D解析:1、NaN4.下⾯语句得到值为true的有A “1” == 1B 1===“1”C “2” > “19”D “2”==19正确答案: A,C解析:⽐较相等两个等号会有隐式类型转换，只需值相等即可，三个等号必须类型和值同时相等结果才为true，故A对B错字符串之间的⼤⼩⽐较是按照ACSII编码⼤⼩，“2”的ASCII码⽐“1”的ASCII⼤，所以C正确数字跟字符串⽐较⼤⼩会将字符串隐式转换为数字，即 2>19，D选项错误5.下⾯语句得到值为数字2的有A 1 + ‘1’B 8 % ‘3’C ‘1’ + ‘1’D ‘4’ - 2正确答案: B,D解析:A是字符串拼接，结果为：“11”; B“3”会隐式转换位3，结果为8%3=2；C为字符串拼接，结果为 “11”; D“4”会隐式转换为4，结果为4-2=2故，答案为BD6.下⾯哪些是关键字A varB functionC caseD 以上都是关键字正确答案: A,B,C,D解析:var申明变量的关键字；function申明函数的关键字；case选择分⽀的关键字故答案为ABCD7.以下是JavaScript基本数据类型的是A ObjectB numberC stringD boolean正确答案: B,C,D解析:Object是引⽤类型8.以下运算符正确的是A ++B –C &&D >=正确答案: A,B,C,D解析:⾃增、⾃减、逻辑与、⼤于或等于9.JavaScript运算符都有哪些A 赋值运算符B 算术运算符C 关系运算符D 逻辑运算符正确答案: A,B,C,D解析:赋值运算符=、数学运算符+ - * / %、⼀元运算符++ --、逻辑运算符&& || ！10.JavaScript的基本组成包括A DOMB BOMC jQueryD ECMAScript正确答案: A,B,D解析:JavaScript的基本组成包括DOM、BOM和ECMAScript11.以下哪些属于循环语句A switchB forC whileD do…while正确答案: B,C,D解析:循环语句 有三个 for while do…while； switch是选择结构12.函数的参数分为A 形参B 实参C 有参D ⽆参正确答案: A,B解析:参数 分为实参和形参13.以下哪些属于基本数据类型A objectB booleanC stringD number正确答案: B,C,D解析:null 和 undefined是特殊数据类型；14.函数中实参可以是A 常量B 变量C 只能是变量D 只能是常量正确答案: A,B解析:实参可以是变量 常量 ，形参只能是变量15.逻辑运算符有A >B <C ||D &&正确答案: C,D解析:逻辑运算符有三个 && || ！；AB选项是⽐较16.javascript由哪⼏部分组成A jsB ECMAScriptC DOMD BOM正确答案: B,C,D解析:BCD17.下⾯声明变量及赋值的写法正确的有A var _myName = 12aB var _myName = “12a”C var myName = 12D var $myName = true正确答案: B,C,D解析:A选项 12a是字符串，不是纯数字，字符串要⽤引号18.下⾯哪些⽅法可以实现将字符串"123"，变成数值型A Number()B parseInt()C parseFloat()D Boolean()正确答案: A,B,C解析:Boolean()转成布尔值19.下⾯哪些属于关系运算符？A >B >=C <D <=正确答案: A,B,C,D解析:关系20.下⾯哪些属于逻辑运算符？A &&B ||C !D 以上都不正确正确答案: A,B,C解析:逻辑运算符（⼆）⼀、单选题1.已知数组 var arr = [1,2,3,4,5],执⾏ arr.pop() 后，数组的长度是A 4B 5C 6D 7正确答案: A解析:arr.pop()是删除数组后⼀个数据2.var array = new Array(5); array.push(8); 数组array的长度是A 5B 6C 7D 8正确答案: B解析:new Array(5);创建⼀个长度为5的空数组，push⽅法在数组后增加⼀位，结果为63.3秒后，图⽚消失，应该使⽤下⾯哪个⽅法A hide()B setTimeout()C ClearIntervalD clearTimeout()正确答案: B解析:setTimeout延时器4.下⾯哪⼀个⽅法可以查找 class 名为 “xm”的元素A document.getElementsByClassName(“xm”)B document.getElementsByName(“xm”)C document.Class(“xm”)D document.ByName(“xm”)正确答案: A解析:document.getElementsByClassName(“xm”);获取class为xm的元素5.如果弹出⼀个可输⼊信息的框，可以使⽤哪⼀个⽅法A confirm()B prompt()C alert()D以上都对正确答案: B解析:prompt6.如何快速的将数组arr清空A arr.length = 0B arr = “”C arr.length = “”D arr.length = []正确答案: A解析:强⾏将数组的length设置为0，可以清空数组7.Math.floor(-3.14) 的结果是（ ）A -3.14B -3C -4D 3.14正确答案: C解析:8.下⾯哪个是window窗⼝⼤⼩改变触发的事件A onmouseoverB onresizeC onmouseoutD onclick正确答案: B解析:19.判断下⾯的代码输出为 var a = 1; var b = a * 0; var a; if (b == b) { console.log(b * 2 + “2”- 0 + 4); } else { console.log(!b * 2 + “2”- 0 + 4); }A 6B NaNC 22D 26正确答案: A解析:10.请阅读下⾯代码 var num = Math.floor(Math.random()*100); 上述代码中num的取值范围是A 0–100B 1–99C 0–99D 1–100正确答案: C解析:公式：Math.random()*(max-min+1)+min11.关于nodeName描述错误的是A 元素节点的节点名始终是标签名B ⽂本节点的节点名始终是#documentC ⽂本节点的节点名始终是#textD 属性节点的节点名始终是属性名正确答案: B解析:⽂本节点名称是#text请阅读列代码⽂本list1list2list3以上代码的输出结果是Alist1B " "Clist2Dlist3正确答案: A解析:list.childNodes[0]为⽂本节点13.下列哪个对象不属于bom对象A documentB locationC historyD offsetWidth正确答案: D解析:14.关于JavaScript中的Math对象的说法，正确的是A Math.ceil(512.51)返回的结果为512B Math.floor( )⽅法⽤于对数字进⾏下舍⼊C Math.round(-512.51)返回的结果为-512D Math.random( )返回的结果范围为0-1，包括0和1正确答案: B解析:15.var arr = [3,4,6],删除数组中的最后⼀项A arr.pop()B arr.pop(6)C arr.shift()D arr.shift(6)正确答案: A解析:16.var arr = [5,3,2,4]; var res = arr.splice(0); console.log(res) 结果是A [5,3,2,4]B [5]C [5,3]D [2,4]正确答案: A解析:17.实现数组的倒序⽅法A reverse()B sort()C join()D find()正确答案: A解析:18.var str = “qianfengana”; var res = stIndexOf(“a”); console.log(res); 输出的结果是A 9B 2C 7D 10正确答案: D解析:19.添加节点的⽅法A ⽗节点.appendChild()B ⽗节点.append()C ⽗节点.prepend()D ⽗节点.prependChild()正确答案: A解析:20.var arr = [how,are,you]; arr.reverse(); alert(arr)A how,are,youB you,are,howC h,o,w,a,r,e,y,o,uD u,o,y,e,r,a,w,o,h正确答案: B解析:reverse翻转，直接修改原数组21.下列关于innerHTML和innerText描述正确的是A innerHTML会被解析成html标签渲染，innerText是纯⽂本显⽰B innerHTML会发⽣转义如 < 会被转换成 < ，innerText原样渲染C innerHTML和innerText都会被解析成html标签渲染D innerHTML和innerText都是纯⽂本显⽰正确答案: A解析:innerhtml不会发⽣转义22.关于setInterval(check ,10)中说法正确的是A 程序循环执⾏10次B check函数每10秒执⾏⼀次C 10做为参数传给函数checkD check函数每10毫秒执⾏⼀次正确答案: D解析:基本定时器概念23.获取从1970年/01/01 午夜到当前时间的毫秒值A getTime()B getDay()C setDate()D getDate()正确答案: A解析:A24.var arr = [100,4,2,3,200]; alert(arr.sort(function(a,b){return b - a;}))A 2,3,4,100,200B 200,100,4,3,2C 100,2,200,3,4D 4,3,200,2,100正确答案: B解析:解析:sort添加了⽐较器函数，并且b-a是降序排序25.在JavaScript中，下列关于window对象⽅法的说法错误的是A window对象包括location对象、history对象和document对象B window.onload 事件绑定的函数会在⼀个该页⾯加载完成后执⾏C window.open( )⽅法⽤于关闭指定的URL路径D window.close( )⽅法⽤于关闭浏览器窗⼝正确答案: C解析:open() ⽅法⽤于打开⼀个新的浏览器窗⼝或查找⼀个已命名的窗⼝。
js文档
JavaScript是一种弱类型、解释型的、通用的脚本语言，在Ajax技术体系中，它将各个部分粘合在一起。JavaScript
定义应用业务逻辑、操作DOM改变和刷新用户界面、重绘或重新组织用户数据、处理用户交互。
CSS为Web页面元素提供了一种可重用的可视化样式的定义方法来定义应用的外观。样式表提供了集中定义各种视觉样
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
(checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):
取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:
document.forms[0].selectName.options[n].value
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
javascript知识点
javascript知识点JavaScript（简称“JS”）是一种直译式脚本语言，是一种动态类型的、弱类型的、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML 网页增加动态功能。
JavaScript知识点包括：1、JavaScript 核心：JavaScript 是一种脚本语言，它支持面向对象的编程，也支持函数式编程，以及命令式编程等多种风格。
JavaScript 的核心包括：语法、变量、运算符、表达式、关键字、语句、注释和函数。
2、DOM（文档对象模型）：DOM 将 HTML 文档分解成一系列可访问的节点，它们可以使用 JavaScript 来操作，例如添加、删除、修改和查找元素。
3、BOM（浏览器对象模型）：BOM 提供了一系列的API，用于访问浏览器的特性，例如窗口、导航历史、计时器等，可以使用 JavaScript 来操作。
4、Ajax：Ajax 是一种异步的 Web 开发技术，可以使用 JavaScript 和 XMLHttpRequest 对象来访问服务器，从而实现异步数据交互和更新网页内容。
5、jQuery: jQuery 是一套前端 JavaScript 库，可以通过简单的 API 来操作 DOM，实现动画效果、事件处理、Ajax 交互等。
6、Node.js：Node.js 是一个基于 JavaScript 语言的服务端开发平台，可以使用 JavaScript 编写服务端应用程序，并且可以与浏览器端的 JavaScript 代码共享同一种 API。
7、AngularJS：AngularJS 是一个前端 JavaScript 框架，可以使用 AngularJS 快速开发 Web 应用，它拥有模块、控制器、视图、指令等概念，使得前端开发变得更加容易。
javascript中的BOM与DOM、JS核心
JavaScript的核心是基于ECMAScript的，ECMAScript是与运行环境无关的语言，浏览器是ECMAScript的一个众所周知的运行环境，出了浏览器，js还可以运行在ps等等中。
javacsript是通过访问BOM（Browser Object Model）对象来访问、控制、修改客户端(浏览器)，由于BOM的window包含了document，window对象的属性和方法是直接可以使用而且被感知的，因此可以直接使用window对象的document属性，通过document 属性就可以访问、检索、修改XHTML文档内容与结构。
因为document对象又是DOM （Document Object Model）模型的根节点。
可以说，BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。
其中DOM包含：windowWindow对象包含属性：document、location、navigator、screen、history、framesDocument根节点包含子节点：forms、location、anchors、images、links简记BOM:[wdlnshf]我到了你随后发简记DOM:[flail]服了爱了这些对象提供了一系列属性和方法，通过操作这些属性和使用这些方法，就可以实现操作浏览器窗体以及操作浏览器中载入的xhtml文档。
所以，使用javascript，主要就是使用js的基本语句以及BOM和DOM提供的对象的属性和方法，来操作各个BOM对象的属性以及各个DOM节点的属性甚至是结构，从而控制浏览器窗口行为和文档内容及其展示。
------------------------JavaScript这个东西，一开始上手觉得没什么，主要用来美化页面而已；但是随着对Web 开发的理解更加深入，尤其是对Web 2.0下开发的接触渐多，便会发现JavaScript其实是个十分有用的语言。
JAVASCRIPTDOCUMENT对象属性和方法
JAVASCRIPTDOCUMENT对象属性和方法Document 对象是 JavaScript 中代表浏览器中当前网页文档的对象，它提供了许多属性和方法来操作和访问文档的各个部分。
在 JavaScript 中，可以通过 `document` 对象来访问文档的各个元素、属性和方法。
以下是一些常用的 `document` 对象的属性和方法：1. `document.title` - 获取或设置当前文档的标题。
例：```javascriptconsole.log(document.title); // 输出当前文档的标题document.title = "新标题"; // 设置当前文档的标题```2. `document.URL` - 获取当前文档的 URL 地址。
例：```javascriptconsole.log(document.URL); // 输出当前文档的 URL 地址```3. `document.domain` - 获取或设置当前文档的域名。
例：```javascriptconsole.log(document.domain); // 输出当前文档的域名```4. `document.head` - 获取 `<head>` 元素。
例：```javascriptconsole.log(document.head); // 输出 <head> 元素```5. `document.body` - 获取 `<body>` 元素。
例：```javascriptconsole.log(document.body); // 输出 <body> 元素```6. `document.cookie` - 获取或设置当前文档的 cookie。
例：```javascriptconsole.log(document.cookie); // 输出当前文档的 cookiedocument.cookie = "name=value"; // 设置当前文档的 cookie```7. `document.getElementById(id)` - 根据元素的 id 获取元素。
js中Document对象
js中Document对象JavaScript 语法是⼀套规则，它定义了 JavaScript 的语⾔结构。
JavaScript 语句定义两种类型的值：混合值和变量值。
混合值被称为字⾯量（literal）。
变量值被称为变量。
在编程语⾔中，变量⽤于存储数据值。
JavaScript 使⽤ var 关键词来声明变量。
window.onload 页⾯加载完成⽤法⼀，window.onload的⽤法：因为页⾯中的代码⼀般情况下按照，从上到下，从左到右的顺序执⾏。
所以当js代码需要获取页⾯中的元素时，如果script标签在元素的前⾯，需要加window.onload；如果script放在了元素后⾯，就不需要加window.onload。
⼆，问题解决把JavaScript中要执⾏的程序放在window.οnlοad=function(){}中⼀、Document对象1、什么是Document对象？DOM(Document Object Model,⽂档对象模型)定义了访问和操作HTML⽂档的标准⽅法。
它把HTML⽂档表现为带有元素、属性和⽂本的树结构（节点树），如下图所⽰：⽂档对象:代表浏览器窗⼝中的⽂档，每个载⼊浏览器的HTML⽂档都会成为Document对象。
作⽤：访问HTML⽂档中包含的任何HTML标记并可动态地改变HTML标记中的内容。
如下图所⽰：提⽰：Document对象是Window对象的⼦对象，可通过window.document属性对其进⾏访问。
2、Document 对象的属性和⽅法Document 对象集合Document 对象描述HTMLDocument接⼝对DOM Document接⼝进⾏了扩展，定义HTML专⽤的属性和⽅法。
很多属性和⽅法都是 HTMLCollection对象（实际上是可以⽤数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引⽤。
这些集合属性都源⾃于0级DOM。
史上最全前端面试题（含答案）-A篇
史上最全前端⾯试题（含答案）-A篇HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签⼩写、不乱嵌套、提⾼搜索机器⼈搜索⼏率、使⽤外链css和js脚本、结构⾏为表现的分离、⽂件下载与页⾯速度更快、内容能被更多的⽤户所访问、内容能被更⼴泛的设备所访问、更少的代码和组件，容易维护、改版⽅便，不需要变动页⾯内容、提供打印版本⽽不需要复制内容、提⾼⽹站易⽤性；2.xhtml和html有什么区别HTML是⼀种基本的WEB⽹页设计语⾔，XHTML是⼀个基于XML的置标语⾔最主要的不同：XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须⽤⼩写字母。
XHTML ⽂档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?⽤于声明⽂档使⽤那种规范（html/Xhtml）⼀般为严格过度基于框架的html⽂档加⼊XMl声明可触发，解析⽅式更改为IE5.5 拥有IE5.5的bug4.⾏内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：div p h1 h2 h3 h4 form ul⾏内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding5.CSS引⼊的⽅式有哪些? link和@import的区别是?内联内嵌外链导⼊区别：同时加载前者⽆兼容性，后者CSS2.1以下浏览器不⽀持Link ⽀持使⽤javascript改变样式，后者不可6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级⾼?标签选择符类选择符 id选择符继承不如指定 Id>class>标签选择后者优先级⾼7.前端页⾯有哪三层构成，分别是什么?作⽤是什么?结构层 Html 表⽰层 CSS ⾏为层 js8.css的基本语句构成是?选择器{属性1:值1;属性2:值2;……}9.你做的页⾯在哪些流览器测试过?这些浏览器的内核分别是什么?Ie(Ie内核) ⽕狐（Gecko）⾕歌（webkit） opear(Presto)10.写出⼏种IE6 BUG的解决⽅法1.双边距BUG float引起的使⽤display2.3像素问题使⽤float引起的使⽤dislpay:inline -3px3.超链接hover 点击后失效使⽤正确的书写顺序 link visited hover active4.Ie z-index问题给⽗级添加position:relative5.Png 透明使⽤js代码改6.Min-height 最⼩⾼度！Important 解决’7.select 在ie6下遮盖使⽤iframe嵌套8.为什么没有办法定义1px左右的宽度容器（IE6默认的⾏⾼造成的，使⽤over:hidden,zoom:0.08 line-height:1px）11.标签上title与alt属性的区别是什么?Alt 当图⽚不显⽰是⽤⽂字代表。
JavaScript的document对象和window对象详解
JavaScript的document对象和window对象详解 该对象是window和frames对象的⼀个属性,是显⽰于窗⼝或框架内的⼀个⽂档。
属性 alinkColor 活动链接的颜⾊(ALINK) anchor ⼀个HTMI锚点,使⽤<A NAME=>标记创建(该属性本⾝也是⼀个对象) anchors array 列出⽂档锚点对象的数组(<A NAME=>)(该属性本⾝也是⼀个对象) bgColor ⽂档的背景颜⾊(BGCOLOR) cookie 存储于cookie.txt⽂件内的⼀段信息,它是该⽂档对象的⼀个属性 fgColor ⽂档的⽂本颜⾊(<BODY>标记⾥的TEXT特性) form ⽂档中的⼀个窗体(<FORM>)(该属性本⾝也是⼀个对象) forms anay 按照其出现在⽂档中的顺序列出窗体对象的⼀个数组(该属性本⾝也是⼀个对象) lastModified ⽂档最后的修改⽇期 linkColor ⽂档的链接的颜⾊,即<BODY>标记中的LINK特性(链接到⽤户没有观察到的⽂档) link ⽂档中的⼀个<A HREF=>标记(该属性本⾝也是⼀个对象) links array ⽂档中link对象的⼀个数组,按照它们出现在⽂档中的顺序排列(该属性本⾝也是⼀个对象) location 当前显⽰⽂档的URL。
⽤户不能改变document.location(因为这是当前显⽰⽂档的位置)。
但是,可以改变window.location (⽤其它⽂档取代当前⽂档)window.location本⾝也是⼀个对象,⽽document.location不是对象 referrer 包含链接的⽂档的URL,⽤户单击该链接可到达当前⽂档 title ⽂档的标题((TITLE>) vlinkColor 指向⽤户已观察过的⽂档的链接⽂本颜⾊,即<BODY>标记的VLINK特性 ⽅法 clear 清除指定⽂档的内容 close 关闭⽂档流 open 打开⽂档流 write 把⽂本写⼊⽂档 writeln 把⽂本写⼊⽂档,并以换⾏符结尾 它是⼀个顶层对象,⽽不是另⼀个对象的属性即浏览器的窗⼝。
JS阶段考试 -答案
1、分析下面的JavaScript代码段：var mystring="I am a student";a=mystring.indexOf("am");document.write(a);输出结果是（C ）。
（选择一项）A. 3B. 4C. 2D. 12、在JavaScript中，文本域不支持的事件包括（ B ）。
A. onblurB. onlostfocusedC. onfocusD. onchange3、JavaScript是运行在（ B ）的脚本语言。
A.服务器端B.客户端C.在服务器运行后，把结果返回到客户端D.在客户端运行后，把结果返回到服务器4、在DOM对象模型中，下列选项中的（ B ）对象位于DOM对象模型的顶层元素。
A. historyB. documentC. buttonD. text5、（ D ）对象是浏览器对象模型中的顶层对象。
A. historyB. documentC. buttonD. window6、以下（ C ）可以代替history.forward()的功能。
A. history.go(0)B. history.go(-1)C. history.go(1)D.history.go(2)7、以下关于DOM说法不正确的是（ C ）。
A. DOM是一种与浏览器、平台、语言无关的接口B. document对象是DOM模型的顶层对象C. document对象代表浏览器加载的HTML文档，window对象代表浏览器的窗口，它们之间没有直接的联系D.使用document.title可以更改当前HTML文档的标题8、以下选项中，可以用于创建节点元素的函数是（ B ）。
A. createB. createElementC. getElementByIdD. getElementsByName9、以下选项中，用来删除节点的函数是（ C ）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在 JavaScript 能够涉及的范围内有如下几个“大”对象：window, document, location, navigator, screen, history 等。
下面是一个文档对象树，你可以看到对象下包含对象的“壮观”情景。
要引用某个对象，就要把父级的对象都列出来。
例如，要引用某表单“applicationForm”的某文字框“customerName”，就要用“document.applicationForm.customerName”。
下表中有些对象是全小写的，有些是以大写字母开头的。
以大写字母开头的对象表示，引用该对象不使用下表列出的名字，而直接用对象的“名字”（Id 或 Name，下面有讲解），或用它所属的对象数组指定。
这里我们不准备讲解对象的“事件”，虽然我们也会列出对象所能响应的事件。
navigator 浏览器对象反映了当前使用的浏览器的资料。
属性appCodeName 返回浏览器的“码名”(?)，流行的 IE 和 NN 都返回 'Mozilla'。
appName 返回浏览器名。
IE 返回 'Microsoft Internet Explorer'，NN 返回'Netscape'。
appVersion 返回浏览器版本，包括了大版本号、小版本号、语言、操作平台等信息。
platform 返回浏览器的操作平台，对于 Windows 9x 上的浏览器，返回 'Win32'（大小写可能有差异）。
userAgent 返回以上全部信息。
例如，IE5.01 返回 'Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)'。
javaEnabled() 返回一个布尔值，代表当前浏览器允许不允许 Java。
screen 屏幕对象反映了当前用户的屏幕设置。
属性width 返回屏幕的宽度（像素数）。
height 返回屏幕的高度。
availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
availHeight 返回屏幕的可用高度。
colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：256色；16：增强色；24/32：真彩色window 窗口对象最大的对象，它描述的是一个浏览器窗口。
一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。
一个框架页面也是一个窗口。
属性name 窗口的名称，由打开它的连接（）或框架页（）或某一个窗口调用的 open() 方法（见下）决定。
一般我们不会用这个属性。
status 指窗口下方的“状态栏”所显示的内容。
通过对 status 赋值，可以改变状态栏的显示。
opener 用法：window.opener；返回打开本窗口的窗口对象。
注意：返回的是一个窗口对象。
如果窗口不是由其他窗口打开的，在 Netscape 中这个属性返回null；在 IE 中返回“未定义”（undefined）。
undefined 在一定程度上等于 null。
注意：undefined 不是 JavaScript 常数，如果你企图使用“undefined”，那就真的返回“未定义”了。
self 指窗口本身，它返回的对象跟 window 对象是一模一样的。
最常用的是“self.close()”，放在标记中：“关闭窗口”。
parent 返回窗口所属的框架页对象。
top 返回占据整个浏览器窗口的最顶端的框架页对象。
方法open() 打开一个窗口。
用法：open(, , );：描述所打开的窗口打开哪一个网页。
如果留空（''），则不打开任意网页。
：描述被打开的窗口的名称（），可以使用'_top'、'_blank'等内建名称。
这里的名称跟“”里的“target”属性是一样的。
：描述被打开的窗口的样貌。
如果只需要打开一个普通窗口，该字符串留空（''），如果要指定样貌，就在字符串里写上一到多个参数，参数之间用逗号隔开。
例：打开一个 400 x 100 的干净的窗口：open('','_blank','width=400,height=100,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes') 参数top=#窗口顶部离开屏幕顶部的像素数left=#窗口左端离开屏幕左端的像素数width=#窗口的宽度height=#窗口的高度menubar=...窗口有没有菜单，取值yes或notoolbar=...窗口有没有工具条，取值yes或nolocation=...窗口有没有地址栏，取值yes或nodirectories=...窗口有没有连接区，取值yes或noscrollbars=...窗口有没有滚动条，取值yes或nostatus=...窗口有没有状态栏，取值yes或noresizable=...窗口给不给调整大小，取值yes或noopen() 方法有返回值，返回的就是它打开的窗口对象。
所以，var newWindow = open('','_blank');这样把一个新窗口赋值到“newWindow”变量中，以后通过“newWindow”变量就可以控制窗口了。
close() 关闭一个已打开的窗口。
用法：window.close() 或 self.close()：关闭本窗口；.close()：关闭指定的窗口。
如果该窗口有状态栏，调用该方法后浏览器会警告：“网页正在试图关闭窗口，是否关闭？”然后等待用户选择是否；如果没有状态栏，调用该方法将直接关闭窗口。
blur() 使焦点从窗口移走，窗口变为“非活动窗口”。
focus() 是窗口获得焦点，变为“活动窗口”。
不过在 Windows 98，该方法只能使窗口的标题栏和任务栏上的相应按钮闪烁，提示用户该窗口正在试图获得焦点。
scrollTo() 用法：[.]scrollTo(x, y)；使窗口滚动，使文档从左上角数起的(x, y)点滚动到窗口的左上角。
scrollBy() 用法：[.]scrollBy(deltaX, deltaY)；使窗口向右滚动 deltaX 像素，向下滚动 deltaY 像素。
如果取负值，则向相反的方向滚动。
resizeTo() 用法：[.]resizeTo(width, height)；使窗口调整大小到宽 width 像素，高 height 像素。
resizeBy() 用法：[.]resizeBy(deltaWidth, deltaHeight)；使窗口调整大小，宽增大 deltaWidth 像素，高增大 deltaHeight 像素。
如果取负值，则减少。
alert() 用法：alert()；弹出一个只包含“确定”按钮的对话框，显示的内容，整个文档的读取、Script 的运行都会暂停，直到用户按下“确定”。
confirm() 用法：confirm()；弹出一个包含“确定”和“取消”按钮的对话框，显示的内容，要求用户做出选择，整个文档的读取、Script 的运行都会暂停。
如果用户按下“确定”，则返回 true 值，如果按下“取消”，则返回 false 值。
prompt() 用法：prompt([, ])；弹出一个包含“确认”“取消”和一个文本框的对话框，显示的内容，要求用户在文本框输入一些数据，整个文档的读取、Script 的运行都会暂停。
如果用户按下“确认”，则返回文本框里已有的内容，如果用户按下“取消”，则返回 null 值。
如果指定，则文本框里会有默认值。
事件onload;onunload;onresize;onblur;onfocus;onerrorhistory 历史对象历史对象指浏览器的浏览历史。
鉴于安全性的需要，该对象收到很多限制，现在只剩下下列属性和方法。
属性length 历史的项数。
JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。
本属性返回的是“前进”和“后退”两个按键之下包含的地址数的和。
方法back() 后退，跟按下“后退”键是等效的。
forward() 前进，跟按下“前进”键是等效的。
go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。
如果 x 0，则前进 x 个地址，如果 x == 0，则刷新现在打开的网页。
history.go(0) 跟location.reload() 是等效的。
location 地址对象它描述的是某一个窗口对象所打开的地址。
要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“.location”。
注意属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象，这是出于安全性的需要。
例如，当前窗口打开的是“”下面的某一页，另外一个窗口（对象名为：bWindow）打开的是“”的网页。
如果在当前窗口使用“bWindow.location”，就会出错：“没有权限”。
这个错误是不能用错误处理程序（Event Handler，参阅 onerror 事件)来接收处理的。
属性protocol 返回地址的协议，取值为 'http:','https:','file:' 等等。
hostname 返回地址的主机名，例如，一个“ /china/ ”的地址，location.hostname ==''。
port 返回地址的端口号，一般 http 的端口号是 '80'。
host 返回主机名和端口号，如：':8080'。
pathname 返回路径名，如“ /b/c.html ”，location.pathname == 'b/c.html'。
hash 返回“#”以及以后的内容，如“ /b/c.html #chapter4”，location.hash == '#chapter4'；如果地址里没有“#”，则返回空字符串。
search 返回“?”以及以后的内容，如“ /b/c.asp?sel ection=3&jumpto=4”，location.search == '?selection=3&jumpto=4'；如果地址里没有“?”，则返回空字符串。