为什么在js编写的函数不用调用

JavaScript013

为什么在js编写的函数不用调用,第1张

function a{}这是一个类而不是函数，function a(){}这才是一个函数，b也同样，如果调用b，就直接b()就会运行函数b，如果b是参数，b()这是传的b运行后返回的值，b是传的b这个函数

要想函数自执行,你可以使用一个自执行函数来封装01.js中的内容

(() =>{

var time = new Date()

var y = time.getFullYear()

var m = time.getMonth() + 1

var d = time.getDate()

document.getElementById("b1").innerText =y +"年" + m +"月" + d +"日"

})()

同时由于代码读取都在从上往下的,这时候获取id为b1的这个方法无法获取到,这时候把引入放在dom结构后面就好 如下

<html>

<hear>

<meta charset="UTF-8">

<title>练习</title>

</hear>

<body>

<div>

<b id="b1">

</b>

</div>

<script src="01.js"></script>

</body>

</html>

<!doctype html>

<html>

  <head>

    <style>

    img {

      display: none

      width: 100px

      height: 100px

    }

    input:checked + img {

      display: block

    }

    input {

      position: absolute

      left: -9999px

    }

    label {

      cursor: pointer

    }

    </style>

  </head>

  <body>

    <div id="cont">

      <input id="img1" name="img" type="radio" checked="checked">

      <img src="a.png">

      <input id="img2" name="img" type="radio">

      <img src="b.png">

    </div>

    <div id="nav">

      <label for="img1">第一张</label>

      <label for="img2">第二张</label>

    </div>

  </body>

</html>

可以这样写，但是不能支持所有浏览器。

如果想支持所有浏览器，就需要使用js了。