没有合适的资源？快使用搜索试试~ 我知道了~

首页赵玫林软工2115班前端课程：21道课题专业选择题

赵玫林软工2115班前端课程：21道课题专业选择题

需积分: 0 0 下载量 195 浏览量更新于2024-06-26 收藏 318KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

45页

在本篇前端代码示例中，我们主要探讨了HTML、CSS以及JavaScript在选择器和事件处理方面的基础应用。首先，我们看到一个简单的HTML结构，包含了文档类型声明（<!DOCTYPE html>），设置语言为英文（lang="en"），以及UTF-8字符集声明。页面标题为"课题专业选择"，适用于软工2115班赵玫林的项目。在<head>部分，CSS样式被用来布局页面。通过浮动（float:left）属性，将内容分为三个部分：左侧选择框区域（divL）、中间按钮区（divC）和右侧已选专业显示区域（divR）。`.divC`类设置了内边距和外边距，同时定义了两个按钮，id分别为"btn1"和"btn2"，分别用于向`<select>`元素添加和删除选项。两个`<select>`元素都使用了相同的`name`属性("se1")，其中`#sel1`是初始的专业选择列表，`size`属性设为10，选项包括软件工程、软件工程(专升本)、自动化、电子信息、光学电子和物联网。而`#sel2`是用于显示已选专业的下拉列表，初始时`size`属性为空。 JavaScript部分，当点击"添加-->>"按钮（id="btn1"）时，会将`#sel1`中选中的选项添加到`#sel2`中；同样，点击"删除<<--"按钮（id="btn2"）则会从`#sel2`中移除选中的选项。这里使用了jQuery库来简化DOM操作，`$("#btn1").click()`和`$("#btn2").click()`绑定了事件处理器，监听按钮的点击事件。这个例子展示了前端开发中常用的选择器（如ID选择器、类选择器和属性选择器）以及基础的DOM操作和事件处理。这对于理解前端交互设计和动态更新用户界面非常重要，尤其是在构建表单或者需要用户互动的应用场景中。通过这个练习，学生可以掌握如何利用HTML、CSS和JavaScript实现功能性的网页元素管理。

资源详情

资源推荐

})

$("#CheckedNo").click(function(){

$(":checkbox").prop("checked",false)

})

$("#CheckedRev").click(function(){

$(":checkbox").each(function(){

$(this).prop("checked",!$(this).prop("checked"))

})

$("#send").click(function(){

var str="你选中的是:\n";

$(":checkbox:checked").each(function(){

str=str+$(this).val()+"\n";

})

alert(str)

})

</script>

</head>

<body>

<form>

你爱好的运动是？<br>

<input type="checkbox" name="items" value="足球">足球

<input type="checkbox" name="items" value="篮球">篮球

<input type="checkbox" name="items" value="羽毛球">羽毛球

</form>

</body>

</html>

7.《学校概况教育教学》

<!doctype html>

<html>

<head>

ul,

li {

margin: 0;

padding: 0

}

body {

font-size: 12px;

}

ul,

li {

list-style: none;

}

a:link,

a:visited {

text-decoration: none;

}

div.list {

width: 210px;

margin: 40px auto 0 auto;

}

.list a {

display: block;

font-weight: bold;

height: 36px;

line-height: 36px;

}

.list ul li {

background-color: #467ca2;

border-bottom: solid 1px #316a91;

}

.list ul li a {

padding-left: 10px;

color: #fff;

}

.list ul li ul {

display: none;

}

剩余44页未读，继续阅读

有下面这道笔试题，麻烦抽时间实现一下测试用例设计和算法题目：QQ号的价值，有一个简单的判断依据，就是号码越小价值越高。现在有个1000000（一百万）QQ号的数组，需要找出前100个价值最高的QQ号码（即最小的100个QQ号）要求：完成测试用例设计，并用你擅长的语言实现一下解法（解题语言不限，代码可以截图或者拍照发过来）

好的，我来帮助您解决这道笔试题。首先，关于测试用例设计，我们可以考虑以下几种情况： 1. 数组内有重复的QQ号码，确保算法能够正确处理重复的情况，最终前100个价值最高的QQ号码不应该有重复的。 2. 数组内有不...

前端如何获取openid

一般情况下，前端通过微信、QQ 等第三方登录授权获取用户的授权信息，然后将授权信息传递给后端，后端通过授权信息向第三方平台发送请求，获取 openid 并返回给前端。具体实现方式可能因为不同的后端框架、第三方...

题目1 - 读取第二课堂成绩，并写入到新文件：学号.exls；题目2 - 画出自己的得分图形并计算得分百分位；题目3 - 分别按照学号、单项得分、总分顺序输出前十（6大项，24小项）；题目4 - 分析平均得分最高和最低的项目（6大项，24小项）；题目5 - 按照学号顺序画出6个大项的得分曲线；题目6 - 统计6个大项和总分的得分分布，并画图；题目7 - 按照班级对数据切片，并存储到文件；题目8 - 在自己所在班级内重复题目3-6。下周上机课现场演示并说明，最后将程序名保存为“学号.py”发到邮箱184540871@qq.com

题目1可以使用Python的pandas库来读取成绩文件，并使用to_excel()方法将数据写入新文件。题目2可以使用matplotlib库来画出得分图形，并使用numpy库来计算得分百分位。题目3可以使用pandas的sort_values()方法来排序...

粉丝: 5
资源: 8

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

赵玫林软工2115班前端课程：21道课题专业选择题

前端唤醒qq分享内容

基于android仿qq聊天app前端

web前端仿写qq音乐代码

前端仿QQ设计的主要知识点

用Java做一个前端qq登录界面

用前端写一个QQ聊天界面

怎么用前端写QQ音乐网页

请帮我写一个QQ音乐移动端的前端页面

题目：QQ号的价值，有一个简单的判断依据，就是号码越小价值越高。现在有个1000000（一百万）QQ号的数组，需要找出前100个价值最高的QQ号码（即最小的100个QQ号） 要求：完成测试用例设计，并用python语言实现一下解法

纯前端实现点击按钮发送信息到qq邮箱

前端如何获取openid

用Jquery实现QQ邮箱验证，QQ邮箱验证必须在QQ邮箱获取验证码代码，点击发送验证码时候必须在QQ邮箱里面 获取验证码

生成一个前端网页代码，效果类似QQ登录界面

网页授权前端获取认证code

qq三国华容道拼图辅助

帮画一个QQ一样的账号密码前端验证界面用ElementUI+vue2

前端项目放到ngix

支付宝前端发布质量保障体系

最新资源

题目：QQ号的价值，有一个简单的判断依据，就是号码越小价值越高。现在有个1000000（一百万）QQ号的数组，需要找出前100个价值最高的QQ号码（即最小的100个QQ号）要求：完成测试用例设计，并用python语言实现一下解法

用Jquery实现QQ邮箱验证，QQ邮箱验证必须在QQ邮箱获取验证码代码，点击发送验证码时候必须在QQ邮箱里面获取验证码