JS代码练习day1

2023-12-13 08:07:03
?
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    table, th ,td{
      border:1px solid;
      margin:0 auto;
      /* border不继承 ,td自带padding,td靠文字撑开。行内块。*/
      border-collapse: collapse;
    }
  </style>
</head>
<body>
  <script>
    // td宽度看内部文字
    let prince=prompt("请输入银行卡金额")
    let prince1=prompt("请输入花费电费金额")
    let prince2=prompt("请输入花费水费金额")
    let prince3=prompt("请输入花费网费金额")
    let p=+prince-+prince1-+prince2-+prince3
    // 这样可以
    document.write(`
    <table >
      <tr>
        <th>银行卡金额</th>
        <th>电费</th>
        <th>水费</th>
        <th>网费</th>
        <th>银行卡余额</th>
      </tr>
      <tr>
      
        <td>${prince}</td>
        <td>${prince1}</td>
        <td>${prince2}</td>
        <td>${prince3}</td>
        <td>${p}</td>
      </tr>
    </table>

    `)
    // 字符串内只有变量有效，其他没用。Number也是啊

  </script>
</body>
</html>

?

1.td标签写到浏览器识别是没写宽度和高度的，但是默认有上下padding，宽度和高度由内容撑开，行内块标签。边框线不继承，在字符串内，且得是反引号，内也只有引号和${}起作用，其他写在内只当作字符。我们表达式写+’1‘+1这种看到前面没，知道这个是的。以及看到-+,++.可以识别出来的。prompt这种字符型，或是typeof这种得到的结果，是带双引号的，不过如果到${}去双引号的。字符串在哪都一样，无论写在哪，去执行反引号的字符串都会这样。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    let age=prompt('请输入您的年龄')
    let age5=+age+5
    alert(`据我估计，五年后，你可能${age5}岁了`)
    
  </script>
  
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    let name=prompt('请输入您的姓名')
    let age=prompt('请输入您的年龄')
    let sex=prompt('请输入您的性别')
    console.log(`
    用户的名字:${name}
    用户的年龄:${age}
    用户的性别:${sex}
    `)
        // /*  */只有document能标签。但是所有的都能反引号,反引号原本什么格式在哪里就是什么格式。
// 在字符串内都是普通的字符。
    
  </script>
  
</body>
</html>

prompt当中写字符串，是把字符串内的值放到框内，且如果是反引号会将字符串的格式和原本一样。在循环体内写break，不是循环/switch，无论几层都是该循环体结束，只要执行到break，无论在什么地方执行到。for循环体的命名是定义到for外。循环体的都是在和方法一样结束就没了。执行几次就是条件满足的最后一个数-初值+1

for循环括号内的找的一定不是{}内的。找的是外面的。只有在循环体才找循环体内的。

当document.write内有标签的时候，如果有数字/其他写在标签内，则输出的时候，标签和内部内容就相当于一个标签。该输出是输出标签和文字。标签会隔开。且相当于写在html上。因此标签设置css有效。document内的除了标签外的文字，输出用双引号连一起。以及最后只会留下一个空格在代码上。无论原本html几个空格。不是两个元素之间有空格也没用。for循环整体结束，则括号内的变量也结束。无论alert在那个嵌套内，都是率先执行。编译的时候会全部计算出来。当浏览器打开的时候是prompt和alert率先执行。按先后。三目运算符和变量一样，变量也是可以直接写，不用’‘

最后直接找到一个数，代表这个。三目运算符也是。隐式转换/显式转换，undefined都不会转，转不了。转成数字可以转，必须得有对应的值。nan是一种是转不了，第二种根本没有值。反引号内可以写变量，${}里面写变量会去找，找到之后整体代替这个，但是{}内可以写多个变量都会去找的，也会进行{}内的运算。+ 数据，是和隐式转换一样的。都是变成number类型。不是一定得字符串。且+和数据之间可以有空格，会知道是这样的。

&&和||最后的值是决定这个整体如若是true和false的关键，就是这个值。if内有隐式转换成布尔类型。！最后一定是布尔类型。值转成布尔，再！。在一个式子内，写了空格对于++这种有用，辨别是什么运算符，但是对于已经知道，去看那个优先不会因为空格而影响。

文章来源:https://blog.csdn.net/qq_61990666/article/details/134864791
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。