html 20130826-CSDN博客

本文链接：https://blog.csdn.net/u012603040/article/details/15504041

Window：

打开一个新的浏览器窗口或查找一个已命名的窗口。

window.open(URL,name,features,replace)

参数	描述
URL	一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。
name	一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口，那么 open() 方法就不再创建一个新窗口，而只是返回对指定窗口的引用。在这种情况下，features 将被忽略。
features	一个可选的字符串，声明了新窗口要显示的标准浏览器的特征。如果省略该参数，新窗口将具有所有标准特征。在窗口特征这个表格中，我们对该字符串的格式进行了详细的说明。
replace	一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值： · true - URL 替换浏览历史中的当前条目。 · false - URL 在浏览历史中创建新的条目。

模态窗口

showModalDialog(SURL, vArguments, sFeatures)

参数说明：
   sURL--
   必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
   vArguments--
   可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
   sFeatures--
   可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
   1.dialogHeight    :对话框高度，不小于１００px，ＩＥ４中dialogHeight   和   dialogWidth    默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
   2.dialogWidth:    对话框宽度。
   3.dialogLeft:    离屏幕左的距离。
   4.dialogTop:    离屏幕上的距离。
   5.center:    {yes   |    no    |   1    |    0    }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
   6.help:    {yes   |    no    |   1    |    0    }：是否显示帮助按钮，默认yes。
   7.resizable:    {yes   |    no    |   1    |    0    }   ［ＩＥ５＋］：是否可被改变大小。默认no。
   8.status:    {yes   |    no    |   1    |    0    }   ［IE5+］：是否显示状态栏。默认为yes[   Modeless]或no[Modal]。
   9.scroll:{    yes   |    no    |   1    |    0    |   on    |    off    }：指明对话框是否显示滚动条。默认为yes。
   下面几个属性是用在HTA中的，在一般的网页中一般不使用。
   10.dialogHide:{    yes   |    no    |   1    |    0    |   on    |    off    }：在打印或者打印预览时对话框是否隐藏。默认为no。
   11.edge:{    sunken   |    raised    }：指明对话框的边框样式。默认为raised。
   12.unadorned:{    yes   |    no    |   1    |    0    |   on    |    off    }：默认为no。

Eg：

Mainpage：

function submitForm(){

obj= new Object();

obj.name= "张三";

varwins =window.showModalDialog("testshowmodaldialog.html",obj,'dialogwidth=200,dialogheight=100,unadorned=1,dialogHide=1,scroll=0,status=0');

document.getElementById("nid").value=wins;

}

</script>

</head>

<body>

用户名: <input type= "text" value="" name="uname" id="nid"οnfοcus="submitForm()"/>

密　码: <input type= "password" value="" name="upass"/>

</form>

</body>

Subpage：

input username:

<inputtype="text" value="" name ="testa" id="tid" οnblur="returnpage()"/>

<inputtype="button" value="button"οnclick="returnpage()"/>

varwinm = window.dialogArguments;//获取主页面传过来的参数

document.getElementById("tid").value=winm.name;

functionreturnpage(){

window.returnValue=document.getElementById("tid").value;//设置返回到主页面的参数

window.close();

}

</script>

Prompt

定义和用法

prompt() 方法用于显示可提示用户进行输入的对话框。

语法

prompt(text,defaultText)

参数	描述
text	可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
defaultText	可选。默认的输入文本。

说明

如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 prompt() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

Eg:

var winm = window.prompt("input name","xxxx");//弹出一个输入框提示信息:input name

//默认值是“xxxx” 返回值给winm变量

document.getElementById("nid").value=winm;

setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。	4	1	9
setTimeout()	在指定的毫秒数后调用函数或计算表达式。	4	1	9

Eg:

function timedDis()

{

var myDate=newDate();

var str =""+myDate.getFullYear()+"年"+(myDate.getMonth()+1)+"月"+myDate.getDate()+"日  "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds();

document.getElementById("distime").innerHTML=str;

setTimeout('timedDis()',500);//间隔500毫秒执行timedDis()一次

}

</script>

</head>

<divid="distime"></div>

</body>

//setInterval("timedDis()",500)//循环执行timedDis()方法

</script>

History:

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问

History对象属性

属性	描述	IE	F	O
length	返回浏览器历史列表中的 URL 数量。	4	1	9

History对象方法

方法	描述	IE	F	O
back()	加载 history 列表中的前一个 URL。	4	1	9
forward()	加载 history 列表中的下一个 URL。	4	1	9
go()	加载 history 列表中的某个具体页面。	4	1	9

go():方法：当参数为负数时表示后退，当参数为0，就刷新当前页面，当参数为正数时表示前进。

Location对象：

属性：

hostname	设置或返回当前 URL 的主机名。	4	1	9
host	设置或返回主机名和当前 URL 的端口号。	4	1	9
hash	设置或返回从井号 (#) 开始的 URL（锚）。	4	1	9
port	设置或返回当前 URL 的端口号。	4	1	9
href	设置或返回完整的 URL。	4	1	9