JS的输入输出

本文探讨了JavaScript中prompt函数的使用,如何获取用户输入并将其作为字符串处理,同时介绍了变量的声明、赋值和作用,以及如何在控制台和页面上展示信息。重点讲解了console.log、alert和变量命名规范。
摘要由CSDN通过智能技术生成

JavaScript输入

prompt

  • 可以将用户输入的信息保存在程序中,可以通过输出的语法将内容输出在页面中。
  • 浏览器显示一个带有文本消息的模态窗口 ,可以接受用户输入的信息
  • 该函数的返回值为用户输入的信息或默认值
  • 如果没有填写信息点击确认返回“”,点取消返回null
  • 返回的数据类型为string
prompt("提示性的信息");
  • 注意:
    • 一个prompt得到一个输入的值
    • 注意:输入的内容是一个字符串,拿到数据类型是字符串类型,如果使用+进行字符串拼接

Confirm提示信息

  • 该函数显示要给得带有信息及确认和取消按钮的模态框
  • 点击确认返回true,点击取消返回false

变量let

  • 概念:变量是一个保存数据的容器,每个变量可以在代码中重复使用,临时存储

  • 变量本质就是在内存中开辟一个空间,用来临时存储数据

  • 作用:可以在程序中用于存储值进行重复使用

  • js中使用let声明变量,老的语法中使用var

  • 使用:

    • 先定义标量,设置需要保存的值

    • 通过变量名在程序中使用保存的值

    • 1.定义变量
      var 变量名 = 存储的数据;
      var 变量名1=数据,变量名2=数据,变量名3;
      
      //声明变量
      let i;
      var n;
      //将10赋值给i和n
      i=10;
      n=20;
      //使用变量
      consle.log(i,n);
      
      //声明+赋值
      let message = "helloworld";
      
      
      
      2.使用变量
      console.log(变量名);
      
      3.对变量进行赋值(修改数据)[不能添加var]
      变量名=新数据;
      
      //给child赋个hello的值
      let child = "hello";
      console.log(child);
      //改变child的值
      child =  "world";
      //将child的值复制一份给dad
      let dad = child;
      console.log(dad,world);
      
      -声明:let 变量名称;
      -赋值: 变量名称 = 值(字面量)
      -使用变量:输出变量值
      
      
      
      

      变量名(标识符)命名规范:

      概念:在js中所有可以被我们进行自主命名的都可以叫做标识符。

      • 变量名使用数字,字母, _和$构成的。
      • 不能数字开头,不能包含其他的特殊符号。
      • 不能使用JavaScript的关键词
      两种命名的方式
      • 小驼峰: 第一个单词的首字母小写,其他单词首字母都大写

        比如:myName,myAge,studentAge等等,常用于变量的命名

      • 大驼峰:所有的单词首字母都大写,

        比如:MyName,MyAge,StudenAge等等,常用于类名,函数名等等

    • 注意:变量之定义,为赋值(未保存数据)时,输出的结果为undefined(未定义)

JavaScript输出

document.write

  • 在页面中的显示区域输出指定的内容

  • 语法:

  • document.write(需要输出的内容);
    
  • 注意!:每行代码后面记得加上分号;

  • 会将引号中的内容原样输出

  • 引号可以使用单引号或双引号,引号必须成对出现。必须是英文

  • 如果输出的是一个完整的标签,那么浏览器会将标签进行解析

console.log

  • 在浏览器的控制台中输出
  • console.group()
  • console.log()
  • console.groupEnd()
  • 换行\n 空格\t
  • 语法
console.log(需要输出的内容);
  • 注意:会将内容在控制台中输出

alert

带消息的模态框

  • 在页面中是以天窗的形式输出内容
  • 语法:
alert(需要输出的内容);
  • 注意:先弹窗和控制台输出后,在输出页面中的内容,跟代码顺序无关。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值