- 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("
您可能关注的文档
- JavaScript项目式实例教程(第2版)课件 项目7--9 商品列表 DOM对象、自制滚动条 事件的高级应用、运动基础 滑动的侧边栏.pptx
- JavaScript项目式实例教程(第2版)课件 项目1、2 对话框和页面输出 初步体验---简单计算器 判断结构.pptx
- JavaScript项目式实例教程(第2版)课件 项目3、4 统计成绩单 循环结构---注册页面设计 事件.pptx
- 清明节主题班会PPT模板 (19).pptx
- 清明节主题班会PPT模板 (25).pptx
- 清明节主题班会PPT模板 (27).pptx
- 清明节主题班会PPT模板 (46).pptx
- 清明节主题班会PPT模板 (51).pptx
- 清明节主题班会PPT模板 (53).pptx
- 清明节主题班会PPT模板 (60).pptx
文档评论(0)