学信网注册界面

最新推荐文章于 2023-11-10 15:41:04 发布

想吃汉堡包le

最新推荐文章于 2023-11-10 15:41:04 发布

阅读量1k

点赞数 5

文章标签： javascript

本文链接：https://blog.csdn.net/2202_75549080/article/details/130188659

版权

文章详细分析了学信网注册过程中选择学校的交互功能。通过JavaScript，点击‘选择’按钮会打开一个新窗口（school.html），该窗口包含学校列表。用户选择学校后，子窗口关闭，焦点返回父窗口，并更新父窗口中对应的学校信息。实现涉及window.open,self.close,opener.focus等方法以及事件监听和处理。

摘要由CSDN通过智能技术生成

效果展示图

在这里插入图片描述

项目要求

注册界面点击选择学校弹出窗口
输入个人信息选择学校

父窗口页面js代码

页面分析：

内容分析

function openwindow（）在新窗口中打开school.html文档，隐藏工具栏、菜单栏，需要滚动条.
定义btn变量通过name来获取‘选择’按钮，由于只有这一个按钮所以，后面加上【0】代表这个数组第一个元素.
btn.onclick：来给选择按钮加单击事件，单击此按钮后会跳出子页面

子窗口页面代码

在这里插入图片描述

内容分析

function choose（obj）：对子窗口本身操作，使用self对象，对父窗口操作使用opener对象。
定义parent，通过id名来获取父窗口school这个文本框文本框中内容是参数obj.
self.close：关闭当前窗口，在点击所选学校之后即执行此代码。
window.opener.focus（）：将焦点赋给父窗口。
定义aSchools 通过标签名来获取全部‘a’标签的内容即全部学校。
用for循环来遍历数组，给所有aSchools加鼠标单击事件，单击后会执行上面choose这个函数。
choose（this）：this的意思是当时点击哪个就是哪个。