首页 > 其他分享 >02-HTML&JS相关练习

02-HTML&JS相关练习

时间:2024-08-22 15:17:31浏览次数:8  
标签:02 console log JS HTML 使用 var Document

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代码
    

标签:02,console,log,JS,HTML,使用,var,Document
From: https://www.cnblogs.com/bokexiLu/p/18373935

相关文章

  • NSSCTF [HNCTF 2022 Week1]Interesting_include
    <?php//WEB手要懂得搜索//flagin./flag.phpif(isset($_GET['filter'])){$file=$_GET['filter'];if(!preg_match("/flag/i",$file)){die("error");}include($file);}else{highlight_file(__......
  • 基于 FastAPI+Vue.js 构建的食谱管理平台
    1.2自托管的食谱管理平台:Mealie主语言:Python,Star:6.1k,周增长:400该项目是基于FastAPI+Vue.js构建的食谱管理平台。它提供了简洁友好的界面,用户可以在线编辑和管理食谱,并通过简单的操作从多种来源(URL)导入食谱内容,支持膳食计划、购物清单、多语言、API集成和Docker部署等功能......
  • 呼死你 手机轰炸机 (29021243
    基于短信轰炸机原理研究并实现之后又研究起了电话轰炸机实现原理其实大同小异,最终的区别的用户在进行短信发送并未收到短信的情况下【产生的原因有网络信号原因、用户手机自动屏蔽原因】可以利用第三方平台提供的语音验证码进行发送这种情况也是通过fiddler进行抓包处理......
  • 【2024最新整理】股票量化分析必备的免费股票数据接口之实时交易数据
    在量化分析领域,实时、准确的数据接口是不可或缺的。经过多次实际测试,已确认以下列出的数据接口均稳定可用,现在,我很乐意将这些宝贵的资源分享给正在从事量化分析的朋友们,希望能对你们的研究和工作有所帮助。【重要提示】下方所有API接口Url链接结尾的b997d4403688d5e66a,均为数据......
  • 【html+css 绚丽Loading】 - 000009 五行逆流珠
    前言:哈喽,大家好,今天给大家分享html+css绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦......
  • 【学术会议征稿】第五届智能计算与人机交互国际研讨会(ICHCI 2024)
    第五届智能计算与人机交互国际研讨会(ICHCI2024)20245th InternationalConferenceonIntelligentComputingandHuman-ComputerInteraction第五届智能计算与人机交互国际研讨会(ICHCI2024)由南昌大学主办,将于2024年9月27-29日在中国南昌隆重召开。ICHCI2024的主题是“AI......
  • 题解:P7020 [NWRRC2017] Boolean Satisfiability
    题目传送门题目大意给定一个由大小写字母(变量),|和~组成的布尔代数式,变量可以任意赋值为True或False。求对于给定的变量,有多少种赋值方案使得给定的代数式值为True。思路一个一个看,首先考虑|,先假设只有|,则当代数式中有一个变量为True时,代数式的值变为True。因为每一......
  • 2024年关于短信轰炸机原理研究并实现的流程 (290021243
    偶然看到gitHub上面有短信轰炸机源码,于是产生了研究的想法。经过研究源码发现是通过抓包进行第三方网站抓包并且收集,最终进行post/get请求。携带header和token进行第三方网站模拟请求。于是在mac上面下载了fiddler进行代理配置开放了本机ip下的8888商品,用手机同时访问本机ip的......
  • 【2025考研英语高分写作:20大必备范文】经典范文053 社会热点:健康 P177
    Directions:Writeanessaybasedonthefollowingchart.Inyourwriting,youshould1)interpretthechart,and2)giveyourcomments.Youshouldwriteabout150wordsontheANSWERSHEET.        Thelinechartaboveillustratesclearlytheamoun......
  • Node.js获取操作系统指标和参数
    constos=require('os');console.log("操作系统临时文件夹os.tmpdir():"+os.tmpdir());console.log("CPU的字节序os.endianness():"+os.endianness());console.log("操作系统主机名os.hostname():"+os.hostname());console.log("操作......