原创力文档- 1、本文档共94页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
项目五
多窗体注册页面——窗口对象;设计一个多窗体的用户注册页面，具体需求如下：
①如图5.1所示，在首页上有一个“注册”按钮，点击可以进入如图5.2的注册页面。首页窗体状态栏上有一行文字“欢迎您光临本站！”从右向左循环滚动。
;项目情境;项目情境;项目情境;?掌握窗体对象Window的常用属性和方法。
?掌握地址对象Location的常用属性和方法。
?掌握历史对象History的常用属性和方法。
?掌握屏幕对象Screen的常用属性和方法。
?掌握浏览器对象Navigator的常用属性和方法。;在如图5.5的页面上有三个按钮，点击“关闭本窗口”按钮，弹出如图5.6所示的关闭窗口选择对话框，点击“是”按钮，当前窗口关闭，点击“否”，不关闭当前窗口。点击“立即关闭本窗口”按钮，窗口立即关闭，不弹出如图5.6所示的选择对话框。点击“打开子窗口”按钮，打开如图5.7所示的窗口，点击该窗口上的“关闭本窗口”按钮，窗口立即关闭，不弹出如图5.6所示的选择对话框。;1、窗口对象Window
Window对象代表的是整个浏览器窗口。
;【相关知识】;【相关知识】;【相关知识】;【相关知识】;【相关知识】;1、在<body>标签对中创建两个按钮，代码如下：
<body>
<inputtype="button"id="openWinButton"value="打开子窗口"/>
<inputtype="button"id="closeDialogButton"value="关闭本窗口"/>
<inputtype="button"id="closeNoDialogButton"value="立即关闭本窗口"/>
</body>;2、在<head>标签对中输入以下代码：
<scripttype="text/javascript">
window.onload=function()
{
openWinButton.onclick=function()
{
window.open("子窗口.html","_blank","status=no,menubar=no,left=0,top=0,width=100,height=100");
}
closeDialogButton.onclick=function()
{
window.close();
}
closeNoDialogButton.onclick=function()
{
window.open("","_self");
window.close();
}
}
</script>;1、在<body>标签对中输入以下代码：
<body>
这是被打开的窗口<br/>
<inputtype="button"id="closeWinButton"value="关闭本窗口"/>
</body>;2、在<head>标签对中输入以下代码：
<scripttype="text/javascript">
window.onload=function()
{
closeWinButton.onclick=function()
{
window.close();
}
}
</script>;在如图5.8的页面上有一个城市下拉列表框，当选择一个城市，点击“提交”按钮后，页面提交到如图5.9所示的页面，在此页面上显示用户选择的城市，点击该页面页面上的“返回”按钮，页面返回到图5.8所示的页面。;1、innerText属性和innerHTML属性
innerText和innerHTML作用都是设置HTML标签中要显示的内容，但是innerHTML可以解析HTML标记，而innerText只支持普通字符串。
innerHTML属性在IE、FF浏览器中都支持，而innerText在FF浏览器中不支持。在FF浏览器中，与innerText相似的属性为contentText。;2、地址对象Location
地址对象Location是Window对象的一个子对象，它包含了当前显示的文档的URL地址，通过该对象可以访问当前文档URL地址的各个不同的部分。;3、编码和解码
如果浏览器的地址栏有中文字符，可能会出现不可预期的错误，所以常常用encodeURI方法把非英文字符转化为英文编码，而用decodeURI方法把字符还原回来。encodeURI方法不会对下列字符进行编码：":"、"/"、";"和"?"。这两个方法常常配对使用。
例如：encodeURI("你好!javascript")编码后的结果是：
%E4%BD%A0%E5%A5%BD!javascript
如果将编码后的结果用decodeURI解码，如：
decodeURI("
文档评论（0）