javaweb学习3

news2024/11/18 5:46:52

javascript入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
// <!--        可以在head和body嵌入script执行顺序从上而下
// 建议放在head-->
// <!--        在head中使用script写js -->
        console.log("ok");
    </script>
</head>
<body>
<script type="text/javascript">
<!--    在body使用script写js-->
console.log("hi");
</script>
</body>
</html>

在这里插入图片描述

入门2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./my.js">

    </script>
</head>
<body>

</body>
</html>

alert("韩顺平教育")

数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    typeof是javascript提供的函数返回变量的类型-->
    <script type="text/javascript">
        console.log("jack")
        var email;//特殊值undefined
        console.log(email);//undefined
        var address=null;
        console.log(address);//null
        console.log(10*"abd");//NOT A Number
    //    字符串可以用单引号
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

数据输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    js代码可以写在script标签 type=text/javascript表示类型是javascript
 这个可以不写但尽量写上-->
    <script type="text/javascript">
    //     var name="韩顺平教育"
    // //    输出alert()使用弹框方式
    // //    输出console.log()在调试输出
    //     alert("name="+name);
    // //    输出变量的类型typeof输出变量的类型
    //     alert(typeof name)
    //     name=100;//给name重新赋值
    //     alert(typeof name)//类型number
    var age=10;
    console.log("age"+age)
    console.log(typeof  age);
    age="123"
    console.log("age="+age);
    console.log(typeof  age);
    var n=123+"abc";
    console.log(n);
    console.log(typeof  n);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

关系与逻辑运算付

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var a="100";
        var b=100;
        console.log(a==b);//true比较大小
        console.log(a===b);//false比较类型
    </script>
</head>
<body>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // javascript里面变量都可以作为boolean
        //0,null,undefined,"",都认为是false
        //
        var address="";//false
        if(!address){
            alert(50);
        }
        var name="老韩";
        var age=800;
        if(name){
            alert("hi");
        }

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

函数入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //定义一个简单函数,不调用函数无法执行
        //js执行函数有二种方式，1主动调用，2通过事件触发
        function hi(){
            alert("hi");
        }
    </script>
</head>
<body>
<!--表示给button绑定了一个onclik事件
当用户点击了该button就会触发hi（）函数-->
<button onclick="hi()">点击这里</button>
</body>
</html>

在这里插入图片描述

函数使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function fi(){
            alert("fi() 被调用");
        }
        fi();//定义没有返回值的函数
        //定义有形参的函数,不需要指定参数类型,是由实参类型决定
        function f2(name){
            alert("hi"+name);
        }
        f2(800);
        function f3(n1,n2){
            return n1+n2;
        }
        alert(f3(10,20));//定义有形参有返回值的函数不需要指定
        // 返回类型，返回类型由返回的数据决定
    </script>
</head>
<body>

</body>
</html>

数组定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    数组定义方式一-->
    <script type="text/javascript">
    var cars1=["audi","bwn","volve"];
    console.log(cars1);
    console.log(cars1[1]);//访问cars1的第二个元素
    //数组定义方式2
    var cars2=[];//空数组，接下来添加元素
    cars2[0]="奥迪";
    cars2[1]="宝马";
    cars2[2]="奔驰";
    cars2[3]="东方";
    console.log(cars2);//如果数组越界了不报错是undefined
    //数组定义方式3
    var cars3=new Array("audi","bwm","volve");
    console.log(cars3);
    console.log(cars3[1]);
    //数组定义方式4
    var cars4=new Array();//空数组
    console.log(typeof  cars4);
    cars4[0]="法拉利";
    cars4[1]="保时捷";
    cars4[2]="报名";
    cars4[3]="宝马";
    cars4[8]="jack";//此时扩容，未赋值的都是undifined
    console.log(cars4);
    console.log(cars4[7]);//undifined



    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

数组遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var cars=["audi","bwn","volve",100,1.1,true];
        //遍历数组
        console.log(cars.length)//6
        for(i=0;i<cars.length;i++){
            console.log(cars[i]);//log方法自动换行
        }
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

标题

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

KEIL5-MDK配色方案

KEIL5-MDK配色方案

改字体 复制如下代码&#xff0c;替换原有文件内容 global.prop文件&#xff1a;D:Keil_v5\UV4\global.prop # properties for all file types indent.automatic1 virtual.space0 view.whitespace0 view.endofline0 code.page0 caretline.visible0 highlight.matchingbraces1 …
阅读更多...
【深度学习】日常笔记8

【深度学习】日常笔记8

过拟合是指模型在训练集上表现良好&#xff0c;但在验证集和测试集上表现不佳的现象。这是因为模型在训练过程中过度学习了训练数据中的噪声和细节&#xff0c;而忽略了更一般的特征和规律&#xff0c;导致模型泛化能力不足。 具体来说&#xff0c;当模型在训练集上进行训练时&…
阅读更多...
some files could not be transferre Xcode14.3打包问题

some files could not be transferre Xcode14.3打包问题

方法1: Command空格 搜索 该项目的 source“ ( r e a d l i n k " (readlink " (readlink"{source}”)" 替换为source“ ( r e a d l i n k − f " (readlink -f " (readlink−f"{source}”)" 即可。 方法2:切换Xcode 版本&#xff0…
阅读更多...
C++面向对象丨4. 文件操作

C++面向对象丨4. 文件操作

操作系统&#xff1a;Windows IDE&#xff1a;Visual Studio 2019 文章目录 1 文本文件1.1 写文件1.2 写文件实例1.3 读文件1.4 读文件实例 2 二进制文件2.1 写文件2.2 写文件实例2.2 读文件2.4 读文件实例 程序运行时产生的数据都属于临时数据&#xff0c;程序一旦运行结束都会…
阅读更多...
计算机图形硬件（二） 5 - 1 视频显示设备

计算机图形硬件（二） 5 - 1 视频显示设备

现在&#xff0c;计算机图形学的功能与应用已经得到了广泛承认&#xff0c;大量的图形硬件和软件系统已经应用到了几乎所有的领域。通用计算机甚至许多手持计算器也已经普遍具备二维及三维应用的图形功能。在个人计算机上也可以配用多种交互输人设备及图形软件包。对于高性能应…
阅读更多...
校园网网络命令拓扑命令+详解集合

校园网网络命令拓扑命令+详解集合

各位读者好&#xff0c;我发现&#xff0c;最近的收藏量比较多&#xff0c;为了大家方便&#xff0c;添加了一些各部分图和细节。 目录 配置总流程 1、总体拓扑图网段 2、命令 &#xff08;1&#xff09;内网配置 1&#xff09;二层交换机配置VLAN命令&#xff1a; 2&#x…
阅读更多...
RabbitMQ学习笔记7（小滴课堂）SpringBoot2.X+SpringAMQP整合Rabbit

RabbitMQ学习笔记7（小滴课堂）SpringBoot2.X+SpringAMQP整合Rabbit

我们使用在线创建项目的方式&#xff1a; 这样就能快速的创建我们的项目了。 然后我们要去绑定我们的队列和交换机&#xff1a; 然后我们去写我们的测试类去测试一下&#xff1a; 我们去运行一下&#xff1a; 我们的依赖包不要引入错了。 我们可以看到我们的交换机和我们的队…
阅读更多...
计算机基本组成和冯诺依曼机

计算机基本组成和冯诺依曼机

计算机基本组成和冯诺依曼机 计算机的基本组成 计算机硬件组成 软件与硬件的逻辑等价性 冯诺依曼计算机硬件结构 冯诺依曼计算机工作原理 程序存储控制原理 计算机采用二进制的优势 高电平与低电平电压波动受影响的可能性会降低&#xff0c;抗干扰能力强 什么是冯诺依曼计算机…
阅读更多...
基于无监督学习-关联规则的风险评估模型：更精准的预测！

基于无监督学习-关联规则的风险评估模型：更精准的预测！

一、引言 乳腺癌被认为是全球最常见的女性恶性肿瘤之一&#xff0c;对患者和公共健康造成了巨大的负担。准确评估乳腺癌风险是预防、诊断和治疗该疾病的关键。然而&#xff0c;乳腺癌风险估计面临着一些挑战&#xff0c;如数据的限制性、模型的复杂性和准确性等。因此&#xff…
阅读更多...
JApiDocs|SpringBoot集成JApiDocs用以生成API文档

JApiDocs|SpringBoot集成JApiDocs用以生成API文档

框架简介 JApiDocs和Swagger都是用于生成API文档的工具&#xff0c;它们各自有一些优点。下面是JApiDocs相较于Swagger的几个优点&#xff1a; 简单易用&#xff1a;JApiDocs相对来说更加简单易用&#xff0c;配置和使用都比较简单明了。它使用Java注解来描述API信息&#xff0…
阅读更多...
手机兼职浪潮：揭秘在家赚钱的新机遇

手机兼职浪潮：揭秘在家赚钱的新机遇

科思创业汇 大家好&#xff0c;这里是科思创业汇&#xff0c;一个轻资产创业孵化平台。赚钱的方式有很多种&#xff0c;我希望在科思创业汇能够给你带来最快乐的那一种&#xff01; 如今&#xff0c;随着智能手机的普及和互联网的发展&#xff0c;手机兼职已经成为一种新的浪…
阅读更多...
新加坡 PBM 是可编程数字货币的重要创新

新加坡 PBM 是可编程数字货币的重要创新

一周以前我们在卢旺达开会的时候&#xff0c;新加坡 MAS 在现场发布了 Purpose Bound Money &#xff08;PBM&#xff09; 的技术白皮书。行业媒体发了几条新闻&#xff0c;然后就放过去了。实际上 PBM 代表着货币当局对于数字货币编程问题迄今为止最深度的思考&#xff0c;其白…
阅读更多...
MySQL：聚合函数（全面详解）

MySQL：聚合函数（全面详解）

聚合函数 前言一、聚合函数介绍1、AVG和SUM函数2、 MIN和MAX函数3、COUNT函数 二、GROUP BY1、基本使用2、使用多个列分组3、 GROUP BY中使用WITH ROLLUP 三、HAVING1、基本使用2、WHERE和HAVING的对比 四、 SELECT的执行过程1、查询的结构2、SELECT执行顺序3、SQL 的执行原理 …
阅读更多...
论好名字的重要性： Linux内核page到folio的变迁

论好名字的重要性： Linux内核page到folio的变迁

一、引子 Once upon a time&#xff0c;Netscape的大拿 Phil Karlton曾经说过&#xff1a;“There are only two hard things in Computer Science: cache invalidation and naming things”&#xff0c;成为程序界流传甚广的名言&#xff0c;可见取名是计算机科学中最难的两件…
阅读更多...
使用SSH远程直连Docker容器

使用SSH远程直连Docker容器

文章目录 1. 下载docker镜像2. 安装ssh服务3. 本地局域网测试4. 安装cpolar5. 配置公网访问地址6. SSH公网远程连接测试7.固定连接公网地址8. SSH固定地址连接测试 转载自cpolar极点云文章&#xff1a;SSH远程直连Docker容器 在某些特殊需求下,我们想ssh直接远程连接docker 容器…
阅读更多...
网约车进入饱和期，如祺出行继续蓄力还能泛起多大涟漪？

网约车进入饱和期，如祺出行继续蓄力还能泛起多大涟漪？

如祺出行的商业版图又有了新扩张。 6月28日&#xff0c;如祺出行正式开通厦门运营&#xff0c;这是继2022年6月进入长沙后&#xff0c;如祺出行在粤港澳大湾区之外聚焦运营的第二座城市。 而在此前&#xff0c;如祺出行宣布完成8.42亿元B轮融资。据了解&#xff0c;本轮融资为…
阅读更多...
react-native-SerialPort 串口插件使用及配置

react-native-SerialPort 串口插件使用及配置

一、git地址和环境版本 &#xff08;1&#xff09;Git地址&#xff1a;https://github.com/Marcello168/react-native-SerialPort &#xff08;2&#xff09;node版本&#xff1a;14 &#xff08;3&#xff09;react-native版本&#xff1a;0.72 二、环境配置 &#xff08;…
阅读更多...
CentOS 安装及基本配置

CentOS 安装及基本配置

文章目录 1、root 免密码输入自动登录2、设置 Terminal 计算机终端背景颜色3、关闭关闭锁屏4、You need to be root to perform this command. 1、root 免密码输入自动登录 注&#xff1a;设置免密登录需要使用超级用户权限&#xff0c;即 root 权限 &#xff08;1&#xff0…
阅读更多...
数字IC后端学习笔记：等效性检查和ECO

数字IC后端学习笔记：等效性检查和ECO

1.形式验证工具 对于某些电路的移植&#xff0c;一般不需要对新电路进行仿真验证&#xff0c;而可以直接通过EDA工具来分析该电路的功能是否与原电路一致&#xff0c;此种验证方法可以大量减少验证时间&#xff0c;提高电路的效率。 等效性检查&#xff08;Equivalence Check&a…
阅读更多...
Nuxt重构的填坑之路

Nuxt重构的填坑之路

我的个人网站是用vuecli写的&#xff0c;SEO不忍直视。于是用Nuxt重构了代码&#xff0c;过程中踩了无数坑&#xff0c;记录如下 一&#xff1a;body样式不生效 正常的body样式设置不能生效&#xff0c;需要在nuxt.config.js中配置 1、设置bodyAttrs的class属性&#xff0c;…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023