javascrip入门第一课

柳帅      2022-04-22     508

关键词:

一、代码引入的三种方式

  1、直接在head中书写

在head标签里面可以写,在body标签里面也可以写,放到head标签里面和放到body标签里面到底有什么区别,我们后续在讲~
<head>
    <meta charset="UTF-8">
    <title>第一种引入方式</title>
    <script type="text/javascript">
     //javascrip警告语句
alert("我是警告"); </script> </head>

  2、书写在html的body中

<body>
    <!-- javascrip警告语句 -->
        alert("我是警告");
    
</body>

   3、引入外部js文件

<script src="myscript.js"></script>

引入 myscrip.js文件

 

二、数值类型

  1、int、float、string、bool 都属于数值类型;

  2、string属性和方法

 

方法 说明
.length   #不加括号的是属性 返回长度
.trim()    #得到一个新值 移除空白
.trimLeft() 移除左边的空白
.trimRight() 移除右边的空白
.charAt(n) #n类似索引,从0开始,超过最大值返回''空字符串 返回第n个字符
.concat(value, ...) #s1='hello';s.concat('xx');得到helloxx 拼接
.indexOf(substring, start) #这个start是从索引几开始找,没有返回-1 子序列位置
.substring(from, to) #不支持负数,所以一般都不用它,了解一下就行了 根据索引获取子序列
.slice(start, end) #var s1='helloworld';s1.slice(0,-5)看结果,就用它 切片
.toLowerCase() #全部变小写 小写
.toUpperCase()  #全部变大写 大写
.split(delimiter, limit)#分隔,s1.splite(' '),后面还可以加参数s1.split(' ',2),返回切割后的元素个数 分割

  3、字符串换行输入

    使用反单引号换行,esc下面的反引号,shift+回车来进行换行

  4、创建对象,使用new方法 

var a=new string("a")

  5、数组常用属性和方法

方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() #在原数组上改的 反转
.join(seq)#a1.join('+'),seq是连接符 将数组元素连接成字符串
.concat(val, ...) #连个数组合并 连接数组
.sort()   排序
.forEach() #讲了函数再说 将数组的每个元素传递给回调函数
.splice() 删除元素,并向数组添加新元素。
.map()  #讲了函数再说 返回一个数组元素调用函数处理后的值的新数组

    (1).sort( )  先根据第一个字符的unicode编码排序,如果第一个字符相同,继续比较第二的unicode编码...

   (2).splice( ) 第一个参数表示的删除的起始位置,第二个参数表示删除的元素个数,之后的数据表示要在删除位置添加的元素;

      

  6、数据类型查询

typeof "abc"  // "string"
typeof null  // "object"
typeof true  // "boolean"
typeof 123  typeof NAN // "number"
typeof undefined  //undefined

 

 

快速上手serverless|入门第一课

简介: 本文从云计算抛砖引玉,详解Serverless的典型应用场景和一些产品介绍。一、从云计算到Serverless自世界上第一台通用计算机ENIAC(图左)诞生以来,计算机科学与技术的发展就从未停止过前进的脚步。2003年-2006年&... 查看详情

杨老师课堂之javaee三大框架hibernate入门第一课

本篇任务1.使用Hibernate框架完成对客户的增删改查的操作教学导航1.能够说出Hibernate的执行流程2.能够独立使用Hibernate框架完成增删改查的操作框架和CRM项目的整体介绍1.什么是CRM*CRM(CustomerRelationshipManagement)客户关系管理,是利... 查看详情

typescript入门第一课

https://www.jianshu.com/p/0e37a793ac3ahttps://www.cnblogs.com/xiaoxiaochengxuyuan/p/6137574.htmltypescript开发的准备工作:---------------------------------------1.准备工作1.1安装node.js(www.nodejs.cn)1.2.安装typescriptnpminstall-gtypescriptnpmi-gtypescriptnpmi-gnodemonnpminstalltypin... 查看详情

java从入门第一课(你们吴不吴聊啊,亦直说,凡不凡)

1.首先我们需要先下载eclipse这里是官网地址:https://www.eclipse.org/downloads/具体的下载步骤度娘搜索一下就好了2.我们打开下载好的eclipse,我们首先在左上角找到File----->New------>Other 3.然后选中JavaProject------>Next ​​... 查看详情

kotlin入门第三课:数据类型

 前文链接:Kotlin学习第一课:从对比Java开始Kotlin入门第二课:集合操作初次尝试用Kotlin实现Android项目 Kotlin的数据类型与Java类似,因此这篇文章主要看Kotlin的几点改变(改进)。 1、内置数据类型Double--64位  F... 查看详情

工厂方法模式(java与kotlin版)

...简单工厂模式(Java与Kotlin版) Kotlin基础知识Kotlin入门第一课:从对比Java开始Kotlin入门第二课:集合操作Kotlin入门第三课:数据类型初次尝试用Kotlin实现Android项目 1.定义工厂方法模式(FactoryMethodPattern)又称为工厂模式... 查看详情

抽象工厂模式(java与kotlin版)

...工厂方法模式(Java与Kotlin版) Kotlin基础知识Kotlin入门第一课:从对比Java开始Kotlin入门第二课:集合操作Kotlin入门第三课:数据类型初次尝试用Kotlin实现Android项目 1.定义抽象工厂模式(AbstractFactoryPattern):提供一个创建... 查看详情

建造者模式(java与kotlin版)

...抽象工厂模式(Java与Kotlin版) Kotlin基础知识Kotlin入门第一课:从对比Java开始Kotlin入门第二课:集合操作Kotlin入门第三课:数据类型初次尝试用Kotlin实现Android项目 1.定义建造者模式(BuilderPattern):将一个 查看详情

elasticsearch入门第八篇:存储

这是ElasticSearch2.4版本系列的第八篇:ElasticSearch入门第一篇:Windows下安装ElasticSearchElasticSearch入门第二篇:集群配置ElasticSearch入门第三篇:索引ElasticSearch入门第四篇:使用C#添加和更新文档ElasticSearch入门第五篇:使用C#查询文档... 查看详情

elasticsearch入门第一篇:windows下安装elasticsearch

这是ElasticSearch2.4版本系列的第一篇:ElasticSearch入门第一篇:Windows下安装ElasticSearchElasticSearch入门第二篇:集群配置ElasticSearch入门第三篇:索引ElasticSearch入门第四篇:使用C#添加和更新文档ElasticSearch入门第五篇:使用C#查询文档... 查看详情

elasticsearch入门第六篇:复合数据类型——数组,对象和嵌套

这是ElasticSearch2.4版本系列的第六篇:ElasticSearch入门第一篇:Windows下安装ElasticSearchElasticSearch入门第二篇:集群配置ElasticSearch入门第三篇:索引ElasticSearch入门第四篇:使用C#添加和更新文档ElasticSearch入门第五篇:使用C#查询文档... 查看详情

spring入门第一天

Spring的前世今生   查看详情

android入门第57天-使用okhttp多线程制作像迅雷一样的断点续传功能(代码片段)

简介今天我们将继续使用OkHttp组件并制作一个基于多线程的可断点续传的下载器来结束Android OkHttp组件的所有知识内容。在这一课里我们会在上一次课程的基础上增加SQLite的使用以便于我们的App可以暂存下载时的实时进度,... 查看详情

java入门第一节课程

查看详情

elasticsearch:分析器

ElasticSearch入门第七篇:分析器这是ElasticSearch2.4版本系列的第七篇:ElasticSearch入门第一篇:Windows下安装ElasticSearchElasticSearch入门第二篇:集群配置ElasticSearch入门第三篇:索引ElasticSearch入门第四篇:使用C#添加和更新文档ElasticSear... 查看详情

git入门第三讲:修改提交

Git入门第三讲:修改提交​​1.查看当前状态​​​​2.修改文件内容​​​​3.重新查看状态​​​​4.查看具体修改了什么内容​​​​5.添加文件​​​​6.提交所有添加文件​​############################################指令集#查看... 查看详情

git入门第二讲:创建版本库

Git入门第二讲:创建版本库​​1.创建版本库(仓库)​​​​2.初始化仓库​​​​3.添加文件到仓库​​​​4.将添加好的文件提交到仓库​​​​5.总结​​######################################命令集##########################################... 查看详情

jquery入门第二天

3种选择器:元素选择器:$("button")、class选择器:$(".btn")、id选择器:$("#target1")。<script>$(document).ready(function(){$("button").addClass("animatedbounce");$(".well").addClass("animatedshake");$("#target3").addC 查看详情