JavaScript常见问题整合
一、 基本变化
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释：
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
二、 弹启一个全屏窗口
加入fullscreen
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'fullscreen') //全屏了，自然其他条件就都失效了
-->
</SCRIPT>
三、 打开一个和按F11所见到的一样的窗口
加入channelmode
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', channelmode)
-->
</SCRIPT>
四、 打开一个连标题栏都没有的窗口（无标题、最小、最大、以及关闭按钮）
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function unload()
{
var popUpSizeX=200; //窗口的宽度
var popUpSizeY=166; //窗口的高度
var popUpLocationX=2;//距离左边的距离 相当于 left
var popUpLocationY=2;//距离顶端的距离 相当于 top
// URL of the popUp
var popUpURL="http://www.33d9.com/default.asp";; //打开页面的路径
// ** 下面的就不要随便改了 ***
splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1');
splashWin.blur(); // Hide while updating
window.focus();
splashWin.resizeTo(popUpSizeX,popUpSizeY);
splashWin.moveTo(popUpLocationX,popUpLocationY);
splashWin.location=popUpURL;
}
// END
unload();
</script>
</HEAD>
<BODY></BODY></HTML>
看看，什么效果？ 如果把resizable 设为0 scrollbars = no 呢？
五、 没有最大化按纽的窗口
其实也就是象软件的“关于我们”的那个窗口一样，下面就是用对话框窗口来实现它。
showModalDialog()以及showModelessDialog()
1．用showModalDialog()
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.fwcn.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
2．用showModelessDialog()
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.fwcn.com','example05','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
至于showModalDialog()与showModelessDialog()的区别，在于showModalDialog()打开的窗口（简称模式窗口），置在父窗口上，必须关闭才能访问父窗口(建议尽量少用，以免招人反感)；showModelessDialog()（简称无模式窗口），打开后不必关闭也可访问父窗口打开的窗口。
现在我将这里的一些参数说明一下。
dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中，默认值是“yes”。
help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。
resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口，默认值是“yes”；对于模式对话框窗口，默认值是 “no”。
六、 弹出n 个窗口
这很简单，只要执行n 次window.open()就行了，当然一定要给每个窗口起不同的名字，
还有，设置一下left和top，避免重叠。
七、 刷新之后就不再弹出窗口
我们使用cookie来控制一下就可以了。
首先，将如下代码加入主页面HTML的<HEAD>区：
<script>
function openwin(){
window.open("page.html","","width=200,200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie="popped=yes"
}
}
</script>
然后，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！） 替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。
八、 让弹出窗口适应里面图片的大小
很多时候我们需要提供这样的功能给访问者：当访问者点击页面中的缩略图时，其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。
实现此功能的最简单作法是用以下HTML代码创建一个图像链接：
<a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>
其中<a>标记的href属性指定全尺寸图片的URL，target属性设置为_blank指定在新窗口中显示该图片；<img>标记的src属性指定缩略图的URL。
如果我们想对显示全尺寸图片的窗口的外观进行某些控制（比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时），则可调用 window.open 方法，该方法接收三个参数，分别指定要打开文件的URL，窗口名及窗口特性，在窗口特性参数中可指定窗口的高度、宽度，是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏，宽、高分别为400、350的窗口中：
<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a>
这里就提出了个问题，如果所有全尺寸图片都具有统一的大小（比如都是400x350），那么以上代码适用于所有的缩略图片链接（只是href属性指向的全尺寸图片文件不同）。但如果全尺寸图片的大小并不统一，还用以上代码则我们需要先取得每幅全尺寸图片的大小，然后在window.open方法的窗口特性参数中一一设置height和width为正确的值，在图片数量较多的情况下，这显然效率太低了。那么是否有一劳永逸的方法，即让弹出窗口能自动适应要显示图片的大小？通过研究，发现可以使用 DHTML 中的 Image 对象来达到我们的目的，Image 对象可动态装载指定的图片，通过读取其 width 和 height 属性即能获得装入图片的大小，以此来设置弹出窗口的大小，即可实现自适应图片大小的弹出窗口了。下面即是实现代码:
<script language="javascript" type="text/javascript">
<!--
var imgObj;
function checkImg(theURL,winName){
// 对象是否已创建
if (typeof(imgObj) == "object"){
// 是否已取得了图像的高度和宽度
if ((imgObj.width != 0) && (imgObj.height != 0))
// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度，并打开该窗口
// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量
OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30));
else
// 因为通过 Image 对象动态装载图片，不可能立即得到图片的宽度和高度，所以每隔100毫秒重复调用检查
setTimeout("checkImg('" + theURL + "','" + winName + "')", 100)
}
}
function OpenFullSizeWindow(theURL,winName,features) {
var aNewWin, sBaseCmd;
// 弹出窗口外观参数
sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
// 调用是否来自 checkImg
if (features == null || features == ""){
// 创建图像对象
imgObj = new Image();
// 设置图像源
imgObj.src = theURL;
// 开始获取图像大小
checkImg(theURL, winName)
}
else{
// 打开窗口
aNewWin = window.open(theURL,winName, sBaseCmd + features);
// 聚焦窗口
aNewWin.focus();
}
}
//-->
</script>
使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用OpenFullSizeWindow函数，如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。
以上代码在IE 5.x－6.0中测试通过。
九、 比较灵活的HTA窗口
我简单介绍一下，HTA的全名为HTML Application，翻译过来就是HTML应用程序，你只要简单的用.hta为扩展名保存HTML页面就算创建了一个HTA文件，下面我们就用HTA来编个窗口，将以下这段代码保存为.hta文件，然后再用浏览器打开，会发现什么？买个关子，自己去瞧瞧。
<HTML>
<HEAD>
<TITLE>www.fwcn.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
BORDER="thin"
BORDERSTYLE="normal"
CAPTION="yes"
ICON="filename.ico"
MAXIMIZEBUTTON="yes"
MINIMIZEBUTTON="yes"
SHOWINTASKBAR="no"
INGLEINSTANCE="no"
SYSMENU="yes"
VERSION="1.0"
WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>www.fwcn.com</b>
</BODY>
</HTML>
有人会发现上面这些代码与平时的html有点不同，多了HTA:APPLICATION标签，这就是关键之处，hta通过它来提供一系列面向应用程序的功能，接下来再讲一讲它的属性（我的头又在发胀）
APPLICATIONNAME属性(applicationName)
此属性为设置HTA的名称。
BORDER属性(border)
此属性为设置为HTA的窗口边框类型，默认值为 thick。
它可以设为 thick 指定窗口为粗边框
dialog window 指定窗口为对话框
none 指定窗口无边框
thin 指定窗口为窄边框
BORDERSTYLE属性(borderStyle)
此属性为设置HTA窗口的边框格式，默认值为 normal。
它可以设为
normal 普通边框格式
complex 凹凸格式组合边框
raised 凸出的3D边框
static 3D边框格式
sunken 凹进的3D边框
CAPTION属性(caption)
此属性为设置HTA窗口是否显示标题栏或标题，默认值为 yes。
ICON属性(icon)
此属性为设置应用程序的图标。
MAXIMIZEBUTTON属性(maximizeButton)
此属性为设置是否在HTA窗口中显示最大化按钮，默认值为 yes。
MINIMIZEBUTTON属性(minimizeButton)
此属性为设置是否在HTA窗口中显示最小化按钮，默认值为 yes。
SHOWINTASKBAR属性(showInTaskBar)
此属性为设置是否在任务栏中显示此应用程序，默认值为 yes。
SINGLEINSTANCE属性(singleInstance)
此属性为设置是否此应用程序同时只能运行一次。次属性以APPLICATIONNAME属性作为标识，默认值为 no。
SYSMENU属性(sysMenu)
此属性为设置是否在HTA窗口中显示系统菜单，默认值为 yes。
VERSION属性(version)
此属性为设置应用程序的版本，默认值为空。
WINDOWSTATE属性(windowState)
此属性为设置HTA窗口的初始大小，默认值为 normal。
它可以设为 normal 默认大小
minmize 最小化
maximize 最大化
以上括号中的是在脚本引用的属性。在脚本中以上属性皆为只读属性。此外，在脚本中还可以使用commandLine属性来检索应用程序启动时的参数。
在HTA中还可以继续使用html中的绝大多数标签、脚本等。
B.1 anchor对象
使用<A NAME=>标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。
anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。
B.2 anchors数组
anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。
属性
length 文档内的锚点个数
B.3 array对象
array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。
属性
length 数组中的值个数
B.4 button对象
它是form对象的一个属性,使用<INPUT TYPE="BUTTON">标记来创建。
属性
name HTML标记中的NAME=特性
value HTML标记中的VALUE=特性
方法
click 模拟鼠标单击一按钮
事件处理程序
Onclick
B.5 checkbox 对象
它是form对象的一个属性,使用<INPUT TYPE="CHECKBOX">标记来创建。
属性
checked 复选框的选择状态
defaultChecked 标记的CHECKED=特性
name 标记的NAME=特性
value 标记的VALUE=特性
方法
click 模拟鼠标单击按钮
事件处理程序
onclick
B.6 Date对象
它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
方法
getDate() 查看Date对象并返回日期
getDay() 返回星期几
getHours() 返回小时数
getMinutes() 返回分钟数
getMonth() 返回月份值
getSeconds() 返回秒数
getTime() 返回完整的时间
getTimezoneoffset() 返回时区偏差值(格林威治平均时间与运行脚本的计算机所处时区设置之间相差的小时数)
getYear() 返回年份
parse() 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数(Date对象按照毫秒数的形式存储从那时起的日期和时间)但是注意,该方法当前不能正确运行
setDate() 改变Date对象的日期
setHours() 改变小时数
setMinutes() 改变分钟数
setMonth() 改变月份
setSeconds() 改变秒数
setTime() 改变完整的时间
setYear() 改变年份
toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
B.7 document对象
该对象是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 把文本写入文档,并以换行符结尾
B.8 elements数组
它是form对象的一个属性,列举了窗体内各元素的一个数组。
属性
1ength 窗体内的元素个数
B.9 form对象
它是document对象的一个属性,文档内的一个窗体。
属性
action 包含了为一个窗体提交的目标URL的字符串
button 窗体内的一个按钮,使用<INPUT TYPE=”BUTTON”>标记来创建(该属性本身也是一个对象)
checkbox 复选框,使用<INPUT TYPE=”CHECKBOX”>标记来创建 (该属性本身也是一个对象)
elements array 一个数组,按照其出现于窗体内的顺序列举各窗体元素(该属性本身也是一个对象)
encoding 窗体的MIME编码
hidden 窗体里的一个隐藏元素(<INPUT TYPE=”HIDDEN”> )。窗体对象的一个属性(该属性本身也是一个对象)
length 窗体里的元素的个数
method 输入窗体的数据传送到服务器上的方式,即(FORM)标记中的METHOD特性
radio 设置在窗体里的单选按钮(<INPUT TYPE=”RADIO”> )(该属性本身也是一个对象)
reset 窗体里的复位按钮((1NPUT TYPE=”RESET”> )(该属性自身也是一个对象)
select 窗体里的选择框(<SELECT> )(该属性本身也是一个对象)
submit 窗体里的提交按钮(<INPUT TYPE=”SUBMIT”> )(该属性本身也是一个对象)
target 提交窗体后,显示回应信息的窗口的名字
text 窗体里的文本元素(<INPUT TYPE=”TEXT”> )(该属性本身也是一个对象)
textarta 窗体里的文本区元素(<TEXTAREA> )(该属性本身也是一个对象)
方法
submit 提交窗体(与使用Submit按钮的作用相同)事件处理程序
onsubmit
B.10 forms数组
该数组是document对象的一个属性,即列举了文档内的各窗体的一个数组。
属性
length 文档内窗体的个数
B.11 frame对象
它是window对象的一个属性,窗口内的一个框架。除了个别例外,frame对象与window对象的作用相同。
属性
frames array 列举该框架内的各个子框架的一个数组(该属性本身也是—个对象)
length 该框架内的框架数
name 框架的名字(<FRAME>标记里的NAME特性)
parent 包含本框架的父窗口的同义词
self 当前框架的同义词
window 当前框架的同义词
方法
clearTimeout() 用来终止setTimeout方法的工作
setTimeout() 等待指定的毫秒数,然后运行指令
B.12 frames数组
它既是window对象,也是frame对象的属性,列举了window或者frame对象内的各框架。
属性
length 窗口或框架对象内的框架数
B.13 hidden对象
糊为form对象的一个属性,窗体内的一个隐藏元素(<INPUT TYPE=”HIDDEN”> )。
属性
name 标记内的名字(NAME特性)
value 标记内的VALUE=特性
B.14 history对象
它为window对象的一个属性,该窗口的历史列表。
属性
length 历史列表中的项目数
方法
back 加载历史列表中的上一个文档
forward 加载历史列表中的下一个文档
go 加载历史列表中的一个指定文档,通过文档在列表中的位置来指定
B.15 image对象
它是document对象的一个属性,是使用(1MG)标记内嵌入文档里的一幅图像这是Netscape Navigator 3.0 beta 3引入的新对象。
属性
border <IMG>标记的BORDER特性
complete 表示浏览器是否完整地加载了图像的一个布尔值
height HEIGHT特性
hspace HSPACE特性
lowsrc LOWSRC特性
src SRC特性
vsPace VSPACE特性
width WIDTH特性
事件处理程序
Onload
Onerror
Onabort
B.16 images数组
它是document对象的一个属性,文档中所有图像的列表。
属性
length 文档内的图像个数
B.17 link
它是document对象的一个属性,文档内的一个<A HREF=>标记。
属性
hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点
host 包括冒号和端口号的URL的主机名部分
hostname 与host属性相同,除了不包括冒号和端口号外
href 完整的URL
pathname URL的目录路径部分
port URL的:端口部分
protocol URL类型(http:、ftp:、gopher:等等)
search 以一个问号开始的URL中的一部分,用于指定搜索信息
target 当用户单击一链接(TARGET特性)时,用于显示被引用文档内容的窗口
事件处理程序
Onclick
Onmouseover
B.18 links数组
它是document对象的一个属性,文档内所有链接的一个列表。
属性
length 文档内的链接数
B.19 location对象
它为document对象的一个属性,该文档的完整URL，请不要把它与window.location属性相混淆,后者可用来加载一个新文档,并且window.location属性本身并不是一个对象，同时,window.location可以用脚本修改,而document.location则不能。
属性
hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点
host 包括冒号和端口号的URL的主机名部分
hostname 与host属性相同,除了不包括冒号和端口号之外
href 完整的URL
pathname URL的目录路径部分
port URL的:端口部分
protocol URL的类型(http:、ftp:、gopher:等等)
search 以问号(?)开始的URL中的一部分,用于指定搜索信息
target 用户单击链接(TARGET特性)时,用于显示被引用文档的内容的窗口
B.20 math对象
该对象不是其它对象的一个属性,而是一个内置对象,包含了许多数学常量和函数。
属性
E 欧拉常量,自然对数的底(约等于2.718)
LN2 2的自然对数(约等于0.693)
LN10 10的自然对数(约等于2.302)
LOG2E 以2为底的e的对数(约等于1.442)
LOG10E 以10为底的e的对数(约等于o.434)
PI ∏的值(约等于3.14159)
SQRT1_2 0.5的平方根(即l除以2的平方根,约等于o.707)
SQRT2 2的平方根(约等于1.414)
方法
abs() 返回某数的绝对值(即该数与o的距离,例如,2与一2的绝对值都是2)
acos() 返回某数的反余弦值(以弧度为单位)
asin() 返回某数的反正弦值(以弧度为单位)
atan() 返回某数的反正切值(以弧度为单位)
ceil() 返回与某数相等,或大于该数的最小整数(ceil(-22.22)返回-22;ceil22,22)返回23;ceil(22)返回22)
cos() 返回某数(以弧度为单位)的余弦值
exp() 返回en
floor() 与ceil相反(floor(一22.22)返回一23;floor(22.22)返回22; floor(22)返回22)
10g() 返回某数的自然对数(以e为底)
max() 返回两数间的较大值
min() 返回两数问的较小值
pow() 返回m的n次方(其中,m为底,n为指数)
random() 返回0和1之间的一个伪随机数(该方法仅在Netscape
Navigator的UNIX版本中有效)
round() 返回某数四舍五入之后的整数
sin() 返回某数(以弧度为单位)的正弦值
sqrt() 返回某数的平方根
tan() 返回某数的正切值
B.2l navigator对象
该对象不是其它对象的属性,而是一个内置对象它包含了有关加载文档的浏览器的信息。
属性
appCodeName 浏览器的代码名(例如,Mozilla)
appName 浏览器的名字
appVersion 浏览器的版本号
userAgent 由客户机送到服务器的用户与代理头标文本
方法
javaEnabled JavaScript中当前并没有该方法,但是不久之后将会添加上它将查看浏览器是否为兼容JavaScript的浏览器,如果是,继续查看JavaScript是否处于支持状态。
B.22 options数组
该数组是select对象的一个属性,即选择框中的所有选项(<OPTION> )的一个列表。
属性
defaultSelected 选项列表中的缺省选项
index 选项列表中某选项的索引位置
length 选项列表中的选项数(<OPTIONS> )
name 选项列表的名字(NAME特性)
selected 表示选项列表中某选项<OPTION>是否被选中的一个布尔类型值
selectedIndex 选项列表中已选中的<OPTION>的索引(位置)
text 选项列表中<OPTION>标记后的文本
value 选项列表中的VALUE=特性
remove(i) 删除第i项
B.23 Password 对象
它是document对象的一个属性,一个<INPUT TYPE=”PASSWORD”>标记。
属性
defaultValue password对象的缺省值(VAlUE=特性)
name 对象的名字(NAME=特性)
value 该域具有的当前值最初与VALUE=特性(defauttValue)相同,但是,如果脚本修改了该域中的值,则该值将改变
方法
focus 把焦点从该域移开
blur 把焦点移到该域
select 选择输入区域
B.24 radio对象
它是form对象的一个属性,窗体内的一组单选按钮(选项按钮)(<INPUT TYPE=”RADIO”> )。
属性
checked 复选框或选项按钮(单选按钮)的状态
defaultChecked 复选框或选项按钮(单选按钮)的缺省状态
length 一组单选按钮中的按钮数
name 对象的名字(NAME=特性)
value VALUE=特性
方法
click 模拟鼠标单击按钮
事件处理程序
onclick
B.25 reset 对象
它是form对象的一个属性,复位按钮(<INPUT TYPE=”RESET”> )。
属性
name 对象的名字(NAME=特性)
value VALUE=特性
方法
click 模拟鼠标单击按钮
事件处理程序
onclick
B.26 select对象
它是form对象的一个属性,选择框(<SELECT> )。
属性
length 选项列表中的选项数(<OPTIONS> )
name 选项列表的名字(NAME特性)
options 列表中的选项数
selectedlndex 选项列表中已选中的<OPTION>的索引(位置)
text 选项列表中(OPTION)标记之后的文本
value 选项列表中的VALUE=特性
方法
blur 把焦点从选项列表中移走
focus 把焦点移到选项列表中
事件处理程序
Onblur
onchange
Onfocus
B.27 string对象
它不是另一个对象的属性,而是一个内置对象,即一串字符字符串输入脚本中时必须位于引号内。
属性
length 字符串中的字符个数
方法
anchor() 用来把字符串转换到HTML锚点标记内(<A NAME=> )
big() 把字符串中的文本变成大字体(<BIG> )
blink() 把字符串中的文本变成闪烁字体(<BLINK> )
bold() 把字符串中的文本变成黑字体(<B> )
charAt() 寻找字符串中指定位置的一个字符
fixed() 把字符串中的文本变成固定间距字体(<TT> )
fontcolor() 改变字符串中文本的颜色(<FONT COLOR=> )
fontsize() 把字符串中的文本变成指定大小(<FONTSIZE=> )
indexOf() 用来搜索字符串中的某个特殊字符,并返回该字符的索引位置
italics() 把字符串中的文本变成斜字体(<I> )
lastlndexOf() 与indexof相似,但是向后搜索最后一个出现的字符
link() 用来把字符串转换到HTML链接标记中(<A HREF=> )
small() 把字符串中的文本变成小字体(<SMALL> )
strike() 把字符串中的文本变成划掉字体(<STRIKE> )
sub() 把字符串中的文本变成下标(subscript)字体((SUB> )
substring() 返回字符串里指定位置间的一部分字符串
sup() 把字符串中的文本变成上标(superscript)字体(<SUP> )
toLowerCase() 把字符串中的文本变成小写
toUpperCase() 把字符串中的文本变成大写
B.28 submit对象
它是form对象的一个属性,窗体中的一个提交按钮(<INPUT TYPE=”SUBMIT”> )。
属性
name 对象的名字(NAME=特性)
value VALUE=特性
方法
click 模拟鼠标单击按钮
事件处理程序
Onclick
B.29 text对象
它是form对象的一个属性,宙体中的一个文本域(<INPUT TYPE=”TEXT”> )。
属性
defaultValue text对象的缺省值(VALUE=特性)
name 该对象的名字(NAME=特性)
Value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同但是,如果脚本修改了该域中的值,则该值将改变
方法
blur 把焦点从文本框移开
focus 把焦点移到文本框
select 选择输入区域
事件处理程序
Onblur
Onchange
Onfeus
Onselect
B.30 textarea对象
它是form对象的一个属性,宙体中的一个文本区域(<TEXTAREA> )。
属性
defaultValue textarea对象的缺省值(VALUE=特性)
name 该对象的名字(NAME=特性)
value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同,但是,如果脚本修改了该域中的值,则该值将改变了。
方法
blur 把焦点从文本区移开
focus 把焦点移到文本区
select 选择输入区域事件处理程序
Onblur
Onchange
Onfocus
Onselect
B.31 window对象
它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。
属性
defaultStatus 缺省的状态条消息
document 当前显示的文档(该属性本身也是一个对象)
frame 窗口里的一个框架((FRAME> )(该属性本身也是一个对象)
frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)
history 窗口的历史列表(该属性本身也是一个对象)
length 窗口内的框架数
location 窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变document.location(因为这是当前显示文档的位置)
name 窗口打开时,赋予该窗口的名字
opener 代表使用window.open打开当前窗口的脚本所在的窗口(这是Netscape Navigator 3.0beta 3所引入的一个新属性)
parent 包含当前框架的窗口的同义词。frame和window对象的一个属性
self 当前窗口或框架的同义词
status 状态条中的消息
top 包含当前框架的最顶层浏览器窗口的同义词
window 当前窗口或框架的同义词,与self相同
方法
alert() 打开一个Alert消息框
clearTimeout() 用来终止setTimeout方法的工作
close() 关闭窗口
confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击Cancel返回false
blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法)
focus() 把指定的窗口带到前台(另一个新方法)
open() 打开一个新窗口
prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本
setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序
OnloadOnunload
JavaScript常见问题整合的更多相关文章
- javascript学习(二)javascript常见问题总结
在js使用过程中,经常会碰到一些问题,本人利用闲暇时间整理了一些常见问题的解决方法,贴出来和大家分享,有需要的朋友可以参考下 1.JS中方法和变量都是区分大小写的 2.单引号.双引号在JS中没有特殊 ...
- Javascript - ExtJs - 整合百度文章编辑器
ExtJs - 整合百度文章编辑器(ExtJs UEditor) 第一步:去官网下载最新版本的UEditor,UEditor下载. 第二步:在编辑器根目录创建一个Extjs-Editor.js,录入以 ...
- JavaScript 闭包整合
初遇闭包感觉很困惑,上网查看了些许介绍,有很多没看懂,就想先对能懂的东西整整 首先觉得要了解闭包,要先对一.JavaScript的变量作用域和作用域链有基本了解 1.变量的作用域分为:全局变量和局部变 ...
- Genymotion常见问题整合与解决方案
常见问题1:Genymotion在开启模拟器时卡在了starting virtual device(注意只有tarting virtual device窗口,没有模拟器的黑屏窗口) 原因:Vir ...
- javaScript常用方法整合（项目中用到过的）
防止输入空格.缩进等字符: function trim(str){ return str.replace(/^\s+|\s+$/g,""); } JS去掉style样式标签 fun ...
- Genymotion常见问题整合与解决方案（转）
常见问题1:Genymotion在开启模拟器时卡在了starting virtual device(注意只有tarting virtual device窗口,没有模拟器的黑屏窗口) 原因:Vir ...
- Javascript常见问题
倒计时 <Script Language="JavaScript"> var timedate= new Date("October 1,2002" ...
- javascript常见问题总结
1.const obj = {a:6}; obj.b=8; obj.a=9;//obj为{a:9,b:8};const定义对象的时候是可以改变内容的. const b = "hello&qu ...
- Genymotion常见问题汇总（转）
为什么说是常见问题整合呢,因为我就是Genymotion最悲剧的使用者,该见过的问题,我基本都见过了,在此总结出这血的教训,望大家不要重蹈覆辙. 常见问题1:Genymotion在开启模拟器时 ...
随机推荐
- 如何在普清的屏上调试CSS样式二倍图背景
背景: 最近就遇到一个同事的项目,还是像平常一样小心切图,认真对像素. 一切测试都没有问题,顺利上线. 但是,上线之后,产品经理跑过来说,有BUG. BUG描述:(不认为是BUG) 前端页面上的图标是 ...
- CentOS7下安装Mysql和Memcached 以及 使用C#操作Mysql和Memcached
我本身是学.net的,但是现在很多主流SQL和NOSQL都是部置在linux下,本着好学的精神,前段时间装了个虚拟机,在其装上CentOS64位的服务器系统,对于英文0基础,linux0基础的我来说, ...
- 161213、Maven资源替换和Freemarker模板
先介绍一下本文的两位主角: Apache Maven - 正当红的项目管理工具 FreeMarker - 老牌的模板引擎 两者貌似互不相干,何来冲突呢? 原来Maven有一个内置的资源替换机制, 可以 ...
- DirectUI 收集资料
1.[ZsUI]一步一步写个DirectUI.[连载贴] (http://tieba.baidu.com/p/1625954225) ps: 虽然是vb写的,也很简陋,不过有代码,并且作者每节都给出了 ...
- java中的23中设计模式（转载的，有时间一定要熟读）
设计模式(Design Patterns) --可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结.使用设计模式是为了 ...
- Object类型与Array类型
总结--JS中的引用类型: Object类型,Array类型,Boolean类型,Number类型,String类型,Date类型, Function类型,RegExp类型,单体内置对象(Global ...
- JavaScript中，格式化DateTime
参考 http://www.cnblogs.com/best/p/3537030.html new Date(parseInt(list[i].StudyTime.replace(/\D/igm, & ...
- 隐式意图Intent
在我们想往下一个页面传递数据时,要想到显式意图和隐式意图,显示意图用于内部活动跳转时比较方便,而隐式意图用于应用程序中外部活动的跳转时较为方便,在使用隐式意图时我们要想到清单文件 代码如下: < ...
- CSS 定位
一.CSS 定位和浮动 它们代替了多年来的表格布局. 定位的思想很简单,相对于正常位置.相对于父元素.另一个元素甚至是浏览器窗口的位置. 浮动在 CSS1 中被首次提出.浮动不完全是定位, ...
- 【Spring】利用Spring最简单地使用异步方法
有时候我们想异步地调用某个方法. 比如这个场景:在业务处理完毕后,需给用户发送通知邮件.由于邮件发送需调用邮箱服务商,有可能发生阻塞,我们就可以异步调用.当然有个前提,即如果邮件发送失败,不需要提示用 ...