首页 > 编程语言 >JavaScript基础

JavaScript基础

时间:2023-03-16 18:13:16浏览次数:43  
标签:字符 prompt name JavaScript 基础 导入 加号

JS是什么

是运行在浏览器的编程语言,由ECMAscript(基础语法)+ DOM + BOM 组成。


导入方式

导入方式有三种,内部导入、外部导入、行内导入

注意:script便签加在/body前为妙,因为读取是顺序下读的,在html前可能会读不到js语句

  • 行内插入 <button onclick="alert('hi')">点我</button>
  • 外部插入 <script src="">中间不能有东西</script>
  • 内部插入 <script>中间写代码</script>

JavaScript输入输出

输入: prompt()
输出:alert()、document.write()、console.log()


模板字符串

必须在esc下面的点括里${name}

let name = prompt('名字')
let age = prompt('年龄')
document.write(`我叫${name},今年${age}`)

数据转换

隐式转换

  • 加号 字符和数字相加等于字符 '1'+2
  • 加号 加号在字符前会让字符变数字 + '11'
  • 减号/乘/除 字符和数字相减等于数字 '2'-1

显示转换

  • 转为数字 Number()
  • 转为字符 String()
  • 只要整数parseInt('1.5px')
  • 要浮点数parseFloat('1.5px')

表达式和语句的区别

  • 表达式: 是可以求值的,无论如何都有值 x=2+1、3<2...
  • 语句: 不一定有值, break、for、if...

三元

  • 三元运算符 条件 ? 条件为true返回的值 : 条件为false返回的值
  • 三元表达式 3>2 ? aa : bb → 这里是打印出值aa

标签:字符,prompt,name,JavaScript,基础,导入,加号
From: https://www.cnblogs.com/handsomepp/p/17223703.html

相关文章

  • 【Android 逆向】【攻防世界】基础android
    1.下载并安装apk,提示要输入密码2.apk拖入到jadx中看一下this.login.setOnClickListener(newView.OnClickListener(){//fromclass:com.example.test.ctf02.MainAc......
  • 计算机网络基础
    一、OSI模型1、计算机网络模型:OSI(OpenSystemInternet)开放式系统互联模型2、OSI模型的起源:计算机网络市场刚刚兴起的时候,许多计算机生产厂商都积极推出自己公司独创......
  • 制作CentOS6基础镜像
    搭建私有云时需要制作一些操作系统的基础镜像,这里也有一些持巧,在这里记录下来以备忘。安装CentOS6操作系统这里没有太多好说的,我是从这里下载最小安装ISO进行安装的,安装......
  • JavaScript 实现异步任务循环顺序执行
    JavaScript实现异步任务循环顺序执行需求场景:数组的元素作为异步任务的参数,循环遍历该数组,并执行异步任务。一、错误的实现//异步任务的参数数组constarr=[1,2,......
  • JavaScript 文件夹上传下载解决方案
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传......
  • 【JavaScript】用Object.definePropety()对对象的属性实现监听和修改_TA远方的博客
    本文中会讲到对象函数Object.defineProperty(),也许你对这个函数比较陌生,要知道这个函数用途可大了,等自己想到它的时候,就知道它的重要性。文章目录举个栗子赋值其它......
  • Day02 2.2、HTML基础之表单标签
    二、表单标签是HTML中最终的标签之一,主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。1form标签......
  • Day02 2.3、HTML基础之表单标签的基本使用
    三、表格标签表格系列标签主要是可以数据以表格的格式展示出来。但是现在table表格已经很少使用了,而是改成div+css实现更漂亮的表格。标签描述<table></table......
  • Day02 2.3、HTML基础之标签的练习案例
    使用table+表单,把课堂上的form标签的代码,整理成以下格式(不要外观):<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></h......
  • Day01 1.2、HTML基础
    一、HTMLHyperTextMarkupLanguage,译作超文本标记语言,是一门标记语言,不是编程语言。所以它没有变量,也没有任何语句结构。所谓的超文本,就是超越了文本范畴的文档格......