01_JavaScript书写格式_javascript语句书写格式-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44543513/article/details/107025780

JavaScript代码可以在三种地方写(类似css)

在标签内部写（不推荐）

<body>
    <div onclick="alert('123')">我是div</div>
</body>

在html中写
（1) 像写css一样在head标签内写需要加上window.onload =function(){…}，因为js代码是从上往下执行，当执行到 var div = document.querySelector(‘div’);时，获取不到div，故程序停止执行。window.onload =function(){}的含义：等到界面上的所有内容加载完毕之后再执行{}中的代码

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
      <script>
        window.onload = function() {
            var div = document.querySelector('div');
            var text = div.innerHTML;
            alert(text);
        }
    </script>
</head>

<body>
    <div>
        我是一个div
    </div>
</body>

（2）在body的结束标签前写，此处页面已经加载完毕，不需要加上window.onload =function(){}

<body>
    <div>
        我是一个块
    </div>
    <script>
        var div = document.querySelector('div');
        var text = div.innerHTML;
        alert(text);
    </script>
</body>

3.通过引入JavaScript文件(极力推荐)

首先要在head引入js文件

 <script src="01_JavaScript书写格式.js"></script>

在js文件中，需要加上window.onload =function(){}

window.onload = function() {
    var div = document.querySelector('div');
    var text = div.innerHTML;
    alert(text);
}