HTML+JS初试水

news/2024/9/18 8:53:43/文章来源:https://www.cnblogs.com/pp0begging/p/18373948

情境

参加了培训的第二次课, 这里是第二颗的作业题, 及我的解答.

1、使用 html 写一个网页,要求满足以下条件:
(1)网页中含有任意一张图片,图片路径使用绝对路径,鼠标悬停在图片时出现“马哥教育”文本,且点击图片可跳转至马哥教育官方页面
(2)网页中包含账号、密码登录,且账号提前定义好是 admin 且不可更改,输入密码时显示加密形式

我的解答:

  • 我的代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>一个网页</title>
</head>
<body><div ><a href="https://www.magedu.com/"><img src="http://www.magedu.com/wp-content/uploads/2017/12/slider2-1024x480_2-1024x480.jpg" alt="这是任意一张图片" title="马哥教育"></a></div><div align="center"><form action="">账号: <input type="text" value="admin" disabled><br>密码: <input type="password" ><br><button title="用户登录">登录</button></form></div></body>
</html>
  • 效果截图

img


2、判断题
(1)Java 是编译型语言。

我的解答: ✔ Java编写的代码需要 "先编译生成二进制class字节码文件,再运行", 所以Java是编译型语言.
但是由于其第一步javac编译程度不彻底, 其运行过程实际上类似于解释器解释+执行,也就是JVM加载Java类文件(.class)到内存 并 解释执行. 所以, Java并不是严格意义上的编译型语言, 更像是 虚拟机解释器 套壳 编译器.

(2)Javascript 中,不区分大小写字母,也就是说 A 和 a 是同一个变量。

我的解答: ✖ JS代码区分英文字母大小写, var avar A会是两个不同变量.

(3)Javascript 中的常量包括 String、Number、Boolean、Null、Undefined。

我的解答: ✖ JS一共有6种数据类型, 其中5种基本数据类型(数值, 字符串, 布尔值, 空值, 未定义), 一种引用数据类型(对象型).
而JS常量(字面量)有3种: 数字, 字符串, 布尔字面量. JS变量则可以是以上6种的任意一种类型.

(4)String 字符串的语法中既可以使用单引号,也可以使用双引号。

我的解答: ✔ String字符串 语法中即可以使用单引号 也可以使用双引号, 但是 需成对使用 不可混用

(5)typeof 是用来判断变量类型,不可以当作运算符使用。

我的解答: ✖ typeof是一种 一元运算符, 只需要一个操作数, 用来判断数据类型

(6)任何值和 undefined 运算,undefined 可看做 0 运算。

我的解答: ✖ 任何数值和undefined 做运算, 结果为 NaN.


3、请分别描述下列代码中“+”的作用。
(1)console.log("年龄:" + 20);

我的解答: 此处+为 字符串连接符, 输出结果为 年龄:20

(2)console.log(11+22+33);

我的解答: 此处+为 加法运算符, 输出结果为 66

(3)console.log("网络+安全");

我的解答: 此处+为 文本字符, 输出结果为 网络+安全

(4)var a = 1; var b = 2; console.log("a" + b);

我的解答: 此处+为 字符串连接符, 输出结果为 a2

(5)var a = 1; var b = 2; console.log("a + b");

我的解答: 此处+为 文本字符, 输出结果为 a + b


4、计算下述代码的打印值

var a = 10;
var b = 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--);

我的解答:

10
12
9
9

5、分别使用行内式、内嵌式、引入外部文件的方法造成网页弹窗,要求触发弹窗的 JS 命令
不止一种。

  • 我的代码
    2-5.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 方式1: 行内式 inline --><input type="button" value="提交信息" onclick="alert('确认提交信息')"><!-- 方式2: 内嵌式 embedded --><script>var r=confirm("按下按钮, 确定 或 取消");if(r==true) {x="你 确认了";} else {x="你 取消了";}console.log(x);</script><!-- 方式3: 引入外部的JS文件 call --><script src="callit.js"></script></body>
</html>

       callit.js

var a=prompt('写点内容进prompt');
console.log(a);
  • 效果截图

img


6、请自行准备一个 Centos 操作系统,要求版本 7 及以上。

我的解答: 可以的, 具体步骤就不详述了 ♡⚑

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/786393.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue3的学习---8

8. Vue可复用解决方案 Vue可复用方案是指在Vue.js项目中,通过创建可复用的组件、指令、插件等,来提高代码的复用性和可维护性常见的Vue可复用方案有:组件(Components)、指令(Directives)、插件(Plugins)、混入(Mixins)、高阶组件(Higher-Order Components, HOC)等…

蓝帽杯2020-Misc-熟悉的解密

蓝帽杯2020-MISC-熟悉的解密 前言 怎么说呢,我觉得对我一个不懂加解密算法的人来说,应该算是Crypto,不过对于专业人员来说可能TEA、AES、RSA、LCG这种应该都比较ez(like 编码?) 一、题目 IyEvdXNyL2Jpbi9lbnYgcHl0aG9uDT== Iy0qLSBjb2Rpbmc6IHV0Zi04IC0qLQ0= aW1wb3J0IHN…

051、Vue3+TypeScript基础,页面通讯之v-model的基本用法

1、main.ts代码如下:// 引入createApp用于创建Vue实例 import {createApp} from vue // 引入App.vue根组件 import App from ./App.vue// 引入emitter用于全局事件总线 // import emitter from @/utils/emitterconst app = createApp(App);// App.vue的根元素id为app app.moun…

InternLM 2.5 书生浦语 开源大模型本地部署体验

上海人工智能实验室发布了书生浦语(InternLM)新开源版本,增强了在复杂场景下的推理能力,本文介绍在本地进行部署和推理……老牛同学之前偶尔刷到过InternLM大模型相关的介绍文章,因为在老牛同学心中,Qwen2千问才是国内开源模型中最适合自己的大模型,原因是自己在本地部署…

全网最适合入门的面向对象编程教程:37 Python常用复合数据类型-列表和列表推导式

在Python中,列表是一个非常灵活且常用的复合数据类型。它允许存储多个项,这些项可以是任意的数据类型,包括其他列表。列表推导式是一种简洁的方式来创建和操作列表。全网最适合入门的面向对象编程教程:37 Python 常用复合数据类型-列表和列表推导式摘要: 在 Python 中,列…

CareUEyes(调节屏幕亮度和颜色) v2.4.3.0 多语便携版

概述 CareUEyes 是一款用于调节屏幕亮度和颜色的软件,旨在保护用户眼睛的健康。它提供了多种功能和特点,使用户在使用电脑时能够更加舒适和健康。软件功能 蓝光过滤:该软件可以调整屏幕的色温,减少蓝光的强度,有助于减少眼部疲劳和视觉压力。休息提醒:软件会定时提醒用户…

050、Vue3+TypeScript基础,页面通讯之使用mitt在任意组件中通讯

01、main.js代码如下:// 引入createApp用于创建Vue实例 import {createApp} from vue // 引入App.vue根组件 import App from ./App.vue// 引入emitter用于全局事件总线 // import emitter from @/utils/emitterconst app = createApp(App);// App.vue的根元素id为app app.mou…

ut.cpp 最大线段并减线段交 [线段树]

题意:给定n条线段的左右端点,求两条有公共点的线段的并的长度减去它们的交的长度最大(\(n<=2e5\) \(1<=L,R<=1e9\))分析:不妨设\(L_i<=L_j<=R_i\),线段异或和为\(ans\),两条线段的右端点有两种情况: 1.\(R_j>=R_i\)此时 \(ans=R_j-R_i+L_j-L_i=L_j+…

Datawhale X 李宏毅苹果书 AI夏令营 -《深度学习详解》Task1

深度学习基础 学习目标理解深度学习的常见概念。 掌握优化神经网络的方法。 找到优化神经网络失败的原因。 学习调整学习率(lr)的高级方法。1、局部极小值与鞍点 在局部极小值与鞍点之前,首先了解一个特殊的点-临界点。 1.1 临界点 通常将梯度为零的点统称为“临界点”。什…

第二周作业

登录页面示例body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: rgba(247, 247, 247, 1) } .login-container { background-color: rgba(255, 255, 255, 1); padding: 20px; border-rad…

「代码随想录算法训练营」第四十五天 | 图论 part3

目录101. 孤岛的总面积DFS思路BFS思路102. 沉没孤岛103. 水流问题104. 建造最大岛屿 101. 孤岛的总面积题目链接:https://kamacoder.com/problempage.php?pid=1173 文章讲解:https://programmercarl.com/kamacoder/0101.孤岛的总面积.html 题目状态:看题解DFS思路 思路: 代…

carlife

carlife是真的画中画。亿连客户端不是。没去除小房子效果如下: