js的基本用法-CSDN博客

本文链接：https://blog.csdn.net/2302_77782958/article/details/135442961

<html>
<head>
    <title>Title</title>
</head>
<body>
<div id="dv" style="width: 300px;height: 300px;border: 2px solid">

</div>
    <script>
      document.getElementById("dv").innerHTML="<b>张三</b>"
    </script>
</body>
</html>

IntelliJ IDEA 工具里的crty+shift+/，它是多行注释的快捷键，注释在写代码时很重要！

js代码要写在 <script> </script>标签中，该标签可以写在任意位置，都可以用，但一般写在body标签内，以下是js的输出代码：

1：document.write("Hello")：把数据输出到浏览器中

2：console.log("你好")：把数据放到控制台中，就是在浏览器中按F12可以打开的控制台，写在控制台中

可以通过上方的代码，设置一个CSS代码，可以直接调用样式代码。

js中的基本数据类型有哪些？

number是数值类型（整形和浮点型） string boolean undefined（未定义，这个变量是基本数据类型）
null也是基本数据类型,typeof返回来是object
查看数据类型的方法：typeof（变量名）或者typeof变量名

let str='10';
let num=10;
alert(str+num);//自动转换成字符串类型，输出为1010
num=num.toString(16);//toString里没有数据值转换成String类型，有2 8 10转换陈进制

类型可以自动转换，当字符串类型加上整形，会自动转换成字符串类型。

parseInt获取整数位置
parseFloat能获取到小数位
Number判断你的数据是否是数值类型不是返回NuN

==比较数据值
===比较数据值和数据类型

上方是重要的知识点，如果整型2和字符串2比较，双等于号时返回true，三等于号则返回false，是不是很明了了，因为第一种只比较了值，第二种比第一种多比较了类型，所以它们的比较结果并不相同，需要认真看。

！=是二者值不相同；！==是二者的值和类型不相同

<script>
  var a="99.5";
  var b = "120.8";
  var aa=Number(a);
  var bb=Number(b);
  console.log(aa);
  console.log(bb);
  console.log(aa+bb);
  var num1 = "100";
  var num2 = 100;
  console.log(num1==num2);
  console.log(num1===num2);
  var jishu=0;
  var oushu=0;
  var zonghe=0;
  for (let i=0;i<=100;i++){
    zonghe+=i;
    if(i%2!=0){
      jishu+=i;
    }else{
      oushu+=i;
    }
  }
  console.log(jishu);
  console.log(oushu);
  console.log(zonghe);
  for (let i=1;i<=9;i++){
    for (let j=1;j<=i;j++){
      document.write(j+"*"+i+"="+j*i+"\t");
    }
    document.write("<br>");
  }
</script>

以上绿色代码是实现九九乘法表，效果如下：