js的输出语句以及变量定义

本文介绍了JavaScript的基础知识,包括JS的书写位置(HTML中的<script>标签)、常用的输出语句(如alert()和console.log())以及变量的定义和使用。通过实例展示了如何在控制台输出信息以及如何利用变量简化代码。还提供了一个用户输入宽度和高度计算面积的小案例,涉及prompt()函数和变量的运用。
摘要由CSDN通过智能技术生成

大家好呀,我叫爱笑的陈sir
一名正在读大二的大学生,
目前正在学习C语言,web前端,javascript,MySQL
为了加深思考逻辑,来到此处


前言

一、js的书写位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本结构</title>
</head>
<body>

在这里插入图片描述

弹出框 alert(内容)
弹出一个hello world
平时用的字符,在编程语言中,字符串类型, string “或者”
alert (“hello world”)

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书写位置</title>
</head>
<body>
    <!-- html结构,css样式,js行为逻辑,三端分离 -->
     //document.getElmentByld()
    // doucument.getElemnetsByIdTagName
   <script>
       //弹出框 alert(内容)
       //弹出一个hello world
       //平时用的字符,在编程语言中,字符串类型, string "或者"
       alert ("hello world")
   </script> 
</body>
</html>

在这里插入图片描述

二、js的输出语句

在js的书写位置.html同级目录下新建一个文件夹命名为输出语句.html

<!DOCTYPE html>
<html lang="en"><head>   
<meta charset="UTF-8">  
<meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" 
content="width=device-width, initial-scale=1.0">    
<title>输出语句</title>
</head>
<body>   
   <script>   
   
js中常用四种输出语句,输出位置不同

var str=“hello world”
alert(str)

控制台输出 最常用  
 console.log(str)

网页输出
document 整个的网页文档
xxx名字

document .write(str)
输入框:弹出一个可以由用户输入内容的输入框 prompt( )
本身等于用户输入的结果

三、变量

     变量:需要进行数据保存时  
     s中变量如何定义呢? var 变量=赋值 
     由于输出"Hello world "多次太繁琐
     我们可以挂一个变量 str   
     var str="Hello world"    
     alert(str)   输出的时候使用变量就可以了

变量名 不能以数字开头 只能包含 字母 数字 - $ 最好见名知意

    var username= prompt("请输入你的名称")  
    当用户输入完用户名之后,在命令行
    输出结果   console.log(username)  

一个小案例

由用户输入 宽度和高度,在控制台输出对应的面积
var width=prompt(“请输入宽度”) var height=prompt(“请输入高度”)
计算面积 //var sum=width*height //console.log(sum)

具体思路和过程可以去参考一下:

分支语句

感谢相遇,不亏不欠,不负遇见。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值