02-HTMLJS相关练习

news/2024/9/20 9:42:42/文章来源:https://www.cnblogs.com/bokexiLu/p/18373935

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>Document</title>
</head>
<body><a href="https://www.magedu.com"><img src="./z3.png" height="200" title="马哥教育" onclick=""></a><form>账号: <input type="text" value="admin" disabled><br> 密码: <input type="password"></form>
</body>
</html>

2、判断题

(1)Java 是编译型语言。

​ 错,Java既不是编译型语言也不是解释语言。

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

​ 错,JS是严格区分大小写的。

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

​ 对。

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

​ 对,在HTML标签中建议使用双引号,JS中建议使用单引号。

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

​ 错,typeof是一元运算符。

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

​ 错,Null才是;任何值和 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++); // 10

console.log(++a); // 12

console.log(--b); // 9

console.log(b--); // 9

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

  • 行内式

    <!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><input type="button" value="点我点我" onclick="alert('1')">
    </body>
    </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><script>prompt("请输入弹窗内容")</script>
    </body>
    </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><script src="./tool.js"></script>
    </body>
    </html>
    
    print();	// 引入的tool.js代码
    

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

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

相关文章

织梦dedecms判断文章是否为推荐文章

{dede:arclist row=10 typeid=typeid titlelen=36 runphp=yes} {dede:loop value=$dls}{if preg_match(/c/, $fields[flag])}<strong>推荐文章: </strong>{/if}<a href="[field:arcurl]" title="[field:title]">[field:title]</a>…

织梦dedecms判断缩略图是否存在

{dede:field name=litpic runphp=yes} if(!empty(@me)) {<img src="@me" alt="缩略图" /> } else {<img src="/images/no-image.png" alt="默认图片" /> } [/dede:field]扫码添加技术【解决问题】专注中小企业网站建设、网…

织梦dedecms判断子菜单是否存在

{dede:channeltype typeid=typeid runphp=yes} if(@list != ) {<ul class="submenu">{dede:loop value=@list}<li><a href="[url]">[@typename]</a></li>{/dede:loop}</ul> } else {"没有子菜单" } {/dede:…

使用SiliconCloud快速体验SimpleRAG(手把手教程)

使用SiliconCloud快速体验SimpleRAG(手把手教程)SiliconCloud介绍 SiliconCloud 基于优秀的开源基础模型,提供高性价比的 GenAI 服务。 不同于多数大模型云服务平台只提供自家大模型 API,SiliconCloud上架了包括 Qwen、DeepSeek、GLM、Yi、Mistral、LLaMA 3、SDXL、Instant…

axis参数讲解

axis在python使用中非常常见,比如numpy、pandas等使用情景。但是笔者几乎每次都会忘记axis = 0和axis = 1各自对应的是行还是列,最终决定写下笔记以防再次忘记。axis的作用:指明以行为单位进行处理数据,还是以列为单位处理数据。下图就已经很清晰地展示了axis = 0和axis = …

电磁介质 知识梳理

新概念物理:电磁介质知识梳理1.电介质 \[\def\oiint{{\bigcirc}\kern-11.5pt{\int}\kern-6.5pt{\int}} \def\oiiint{{\bigcirc}\kern-12.3pt{\int}\kern-7pt{\int}\kern-7pt{\int}} \]1.1 极化的微观机制 在一类电介质中,当外电场不存在时,电介质分子的正负电荷中心是重合的…

2024年关于短信轰炸机原理研究并实现的流程 (290021243

偶然看到gitHub上面有短信轰炸机源码,于是产生了研究的想法。 经过研究源码发现是通过抓包进行第三方网站抓包并且收集,最终进行post/get请求。携带header和token进行第三方网站模拟请求。 于是在mac上面下载了fiddler 进行代理配置 开放了本机ip下的8888商品,用手机同时访问…

从企业管理到智慧城市:数据可视化大屏的多领域应用详解(AxureRP原型多行业案例演示)

前言: 在现代商业环境中,广泛应用于政府、金融、互联网、制造业等多个领域,数据驱动决策已成为企业提升竞争力的关键要素之一。无论是智慧城市的管理中心,还是企业的数据中心,都能见到其身影。数据可视化大屏,作为一种高效直观的数据展示工具,能够将复杂的数据转化为易于…

HuggingFace初体验

起因 StableDiffusion3的开源项目大致了解了一下项目的介绍,创新点之类的 在old environment基础上,配置了一下new environment(pip安装diffusers库、transformers库) 解决了一下torch和torchvision的版本冲突问题(询问chatGPT)HuggingFace下载需要登陆的模型官网注册,梯…

Tarjan 之 割点 学习笔记

首先,要求割点,我们需要知道割点是什么 割点: 是指在无向连通图中,如果删除某个顶点后,图的连通分量增加,则称该顶点为割点 好,知道了这个,那我们怎么去求他呢? Tarjan 大神给出了一种依然基于时间戳的算法 图片来源:董晓算法割点的求法大概就是这样的 所以细节还是见…

暑假集训CSP提高模拟27

暑假集训CSP提高模拟27 组题人: @KafuuChinocpp \(T1\) P236.线性只因 \(100pts\)诈骗题。部分分正解记 \(opt\) 表示待选集合,统计 \(opt\) 中这一位为 \(1\) 的数并加入临时集合 \(tmp\) 。若 \(tmp\) 大小 \(\ge m\) 则加上这一位的贡献并将 \(opt\) 赋成 \(tmp\) 否则不管…

关于Arrays.asList返回List无法新增和删除?

关于Arrays.asList返回的List无法新增和删除? 这个是在写项目的时候发现的,然后就分析了一下源码,得其内部原理 复现代码示例: public class ArraysAsList {public static void main(String[] args) {Integer[] array = {1, 2, 3, 4, 5};List<Integer> list = Arrays…