[JAVASCRIPT]资料收集

最新推荐文章于 2024-08-17 12:54:01 发布

leniz

最新推荐文章于 2024-08-17 12:54:01 发布

阅读量1.4k

点赞数

文章标签： javascript 文档 function input 框架 date

本文链接：https://blog.csdn.net/leniz/article/details/1472230

版权

[转贴]弹出窗口详解
一、基本变化
<SCRIPT LANGUAGE="javascript">

</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">

</SCRIPT>

三、打开一个和按F11所见到的一样的窗口
加入channelmode
<SCRIPT LANGUAGE="javascript">

</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">

</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
2．用showModelessDialog()
<html>
<SCRIPT LANGUAGE="javascript">

</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 οnlοad="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)
}
}

　　使用时将上面的代码放在网页文档的<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有点不同，多了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中的绝大多数标签、脚本等。

转载]JavaScript对象与数组参考大全
本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/suppor...script/10-9.htm),以便了解这些对象之间是如何相互关联的。

　　顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。

　　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

function trim(str)
{
    if(typeof(str)!="string") return "";
    var rexp=//s*$/;
    var lexp=/^/s*/;
    return str.replace(rexp,"").replace(lexp,"");
}
function bs(obj)
{
obj.disabled=true;
obj.style.width=100;
obj.value='提交中，请等待';
}

function isFloat(s) //浮点数输入判断
{
if (s.value == "") return true;
   var chk=parseFloat(s.value);
   if(chk!=s.value)
     {
   alert("该字段应是整数或小数！");
      s.focus();
      return false;
      }
   return true;
}

// 下面代码屏蔽右键

if (window.Event)
document.captureEvents(Event.MOUSEUP);

function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;

return false;
}

function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
   return false;
}
else
if (event.button == 2 || event.button == 3)
{
   event.cancelBubble = true
   event.returnValue = false;
   return false;
}

}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others

//屏蔽其它键
function documentonkeydown()
{

if (event.ctrlKey && event.keyCode==78) //屏蔽 Ctrl+n
{
     event.returnValue=false;
   }
if (event.keyCode==116)                  //屏蔽 F5 刷新键
{
     event.keyCode=0;
     event.returnValue=false;
}
if (event.keyCode==122)                  //屏蔽 F11
{
     event.keyCode=0;
     event.returnValue=false;
}

if ((event.keyCode == 8) &&
      (event.srcElement.type != "text" &&
      event.srcElement.type != "textarea" &&
      event.srcElement.type != "password") ||           //屏蔽退格删除键
      (event.keyCode==116)||                            //屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){            //Ctrl + R
     event.keyCode=0;
     event.returnvalue=false;
}

if ((event.altKey) && ((event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
       (event.keyCode==39)))   //屏蔽 Alt+ 方向键 →
{
     event.keyCode=0;

     alert("禁止使用ALT+方向键前进或后退网页");
     event.returnValue=false;
     event.cancelBubble = false;
}
if ((event.shiftKey) && (event.keyCode==121))   //屏蔽 shift+F10
{
     event.keyCode=0;
     event.returnValue=false;
}

if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
event.keyCode=0;
window.event.returnvalue = false; //屏蔽 shift 加鼠标左键新开一网页
}

document.onkeydown = documentonkeydown;

//打印页面

function printpage() { print(document); }

//检查浏览器版本
function VersionCheck()
{
   this.version = navigator.appVersion.substring(22,25);
   if (navigator.appVersion.substring(17,21) != "MSIE")
     alert ("当前不是IE浏览器 ,请使用IE浏览器.");
   if ( this.version <5.5)
     alert ("当前IE版本小于5.5,请使用IE5.5 以上版本");
}

VersionCheck()

1.将彻底屏蔽鼠标右键,无右键菜单
<body οncοntextmenu="window.event.returnvalue=false">
也可以用于网页中Table框架中
<table border οncοntextmenu=return(false)><td>no</table>

2.取消选取、防止复制
<body onselectstart="return false">

3.不准粘贴
<body οnpaste="return false">

4.防止复制
<body οncοpy="return false;" oncut="return false;">

5.IE地址栏前换成自己的图标
<link rel="Shortcut Icon" href="favicon.ico">
说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个
小图标。然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器

目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就
是你自定义的图标了。很PP哦。

6.可以在收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico">
说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址
时显示的个性图标。也很PP.

7.关闭输入法
<input style="ime-mode:disabled">
说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模
式。

8.永远都会带着框架
<script language="javascript"></script>
说明：frames.htm为你的网页，这也是保护页面的一种方法

9.防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>

10.网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。

11.查源文件
<input type=button value=查看网页源代码
οnclick="window.location = 'view-source:'+ '' target=_blank>http://www.e3i5.com/test.htm';">

12.COOKIE脚本记录，有很大的用处哦
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"

}
}
说明：以上是JS代码，请自己加起始符和结束符

13.内框架<IFRAME>使用
Iframe标记的使用格式是: 　　
<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"
name="main"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；　　
width、height："内部框架"区域的宽与高；　　
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，
滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；
如为Yes，则显示; 　FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内
容相融合，常设置为0。
name:框架的名字，用来进行识别。
比如: 　当你想用父框架控制内部框架时，可以使用： target="框架的名字"来控制。

例子：<iframe name="mm" src="http://www.e3i5.com";; width="100%" height="100%
" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scr
olling="no"></iframe>

14.自动跳转
在源代码中的<head>…</head>加入如下代码：
<meta http-equiv="refresh"content="3;URL=http://www.e3i5.com; charset=gb2312
">
说明：content="3 表示3秒刷新到URL

15.如何改变链接的鼠标形状
只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行
style="cursor:hand"　　　　　　style="cursor:crosshair"
style="cursor:text" 　　　　　　style="cursor:wait"
style="cursor:move" 　　　　　　style="cursor:help"
style="cursor:e-resize" 　　　　style="cursor:n-resize"
style="cursor:nw-resize" 　　　style="cursor:w-resize"
style="cursor:s-resize" 　　　　style="cursor:se-resize"
style="cursor:sw-resize"
以上代码你只需要加到连接或是页面的STYLE区里就可以实现鼠标多样化。
16.全屏显示
<form>
<div align="center">
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open
(document.location, 'big', 'fullscreen=yes')">
</div>

</form>
把它放到<body>区中。
22.网页不会被缓存
HTMl网页
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
ASP网页
　Response.Expires = -1
　Response.ExpiresAbsolute = Now() - 1
　Response.cachecontrol = "no-cache"
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");

23. 定义数据库连接的一些常量
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly　　 = 0 '游标只向前浏览记录，不支持分页、Recordset、
BookMark
Const adOpenKeyset　　　　 = 1 '键集游标，其他用户对记录说做的修改将反映到记
录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、Boo
kMark
Const adOpenDynamic　　　　 = 2 '动态游标功能最强，但耗资源也最多。用户对记录
说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。

Const adOpenStatic　　　　 = 3 '静态游标，只是数据的一个快照，用户对记录说做
的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动
Const adLockReadOnly　　　　= 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic　　 = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic　　　= 3 '只有在调用Update方法时才锁定记录集，而在此前
的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是
在批处理方式下完成的
Const adCmdText　= &H0001
Const adCmdTable = &H0002
%>

24.最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
说明：本例适用于IE

25.判断上一页的来源
asp页:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
26.光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
　var e = event.srcElement;
　var r =e.createTextRange();
　r.moveStart('character',e.value.length);
　r.collapse(true);
　r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">
说明：适用于表格数据提交
如果转萜，请注明转自-=e代时光=- http://www.e3i5.com

27.怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

28.取得控件的绝对位置
<script language="javascript">
function getIE(e){
　var t=e.offsetTop;
　var l=e.offsetLeft;
　while(e=e.offsetParent){
　　t+=e.offsetTop;
　　l+=e.offsetLeft;
　　}
　alert("top="+t+"/nleft="+l);
　}
</script>
file://VBScript
<script language="VBScript"></script>
说明：本例适用于JS

网页经典代码（二）

29.滚动特效
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2
" scrolldelay="0" direction="up" width="330" height="120" border="0" align="
center" id="MARQUEE1">
<p>欢迎光临阳春学生网
我们地址是http://www.ycuu.net
感谢
</marquee>
30.自动更新提示
<body>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR><TD bgcolor="#000044">
<FONT color="#4400ff" face=georgia,arial size=+1>
<CENTER>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
</TD></TR>
<TR><TD bgcolor="#440000">
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial">
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
</FONT>
</TD></TR>
</TABLE>
</CENTER>
</body>

31.关于表格提交的几种格式
<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || ev
ent.keyCode > 57) event.returnvalue = false;">
限制输入字符，你可以改变KEYCODE的值来限制输入。你将KEYCODE的值设为极大和极小
就什么也不能输入了。这个可以屏蔽你想屏蔽的字符有一定的选择性..
<INPUT type="text" name="username" value="james" disabled>

使用disabled属性后的区域的值，不能被传递给其他的程序（ASP/CGI）去处理，如果你
非要传递请通过隐藏属性去做。这个比较单一，功能不强。一般用于未完成的站点。
<INPUT type="text" name="partNumber" value="1500" readonly>
readonly属性顾名思义是“只读”。它将TEXT转化为一个对象，禁止对它进行编辑。你
虽然可以通过TAB键在多个TEXT区域间切换，但是不能修改已经指定的TEXT区的值。但是
它不象Disabled属性那样，可以进行正常的数值传递。

加入收藏夹：<a href="javascript:window.external.AddFavorite('...::ycuu阳春学生网ycuu::....')">加入收藏夹</a>

设为首页：<a οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.ycuu.net ');" href="http://www.ycuu.net ";>设为首页</a>

各种播放器代码

1.avi格式

2.mpg格式

3.smi格式

4.rm格式

<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="' target=_blank>rtsp://203.207.131.35/vod/dawan-a.rm";;>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

5.wmv格式

给滚动条换色

几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只要在网页代码< head> < /head>之间插入下面的代码，即可随心所欲地更改颜色了。

< style>
　　body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
　　SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
　　SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
　　SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
　　SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
　　SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
　　< /style>

后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

隐藏滚动条

在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需在< body> < /body>之间插入代码：< body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。

滚屏显示

当网页中有长篇文章时，浏览起来就比较吃劲了，想想一边忙着拖动滚动条，一边忙着浏览，确实挺累人的。为了客人能够轻松的浏览，我们可以使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。将下面的代码插入到< body> < /body>之间。

< script language"javascript">
　　var currentpos,timer;
　　function initialize()
　　{
　　timer=setInterval("scrollwindow()",10);
　　}
　　function sc(){
　　clearInterval(timer);
　　}
　　function scrollwindow()
　　{
　　currentpos=document.body.scrollTop;
　　window.scroll(0,++currentpos);
　　if (currentpos != document.body.scrollTop)
　　sc();
　　}
　　document.οnmοusedοwn=sc
　　document.οndblclick=initialize
　　< /script>

leniz

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
[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)//写成一行-->参数解释：window.open 弹出新窗
复制链接

扫一扫