JavaScript的组成及书写方式

JS的组成

        ECMAScript

        DOM(文档对象模型)

        BOM(浏览器对象模型)

JS的书写

        JS的书写方式有三种方式：行内式、内嵌式、外联式

        行内式：

 <input type="button" value="按钮" onclick="alert('你好')">

                        

        内嵌式：

<script>
        var b1 = document.getElementById('b1');
        b1.addEventListener('click',function(){
            alert('你好')
        })
        
</script>

                        

 

         外联式：

/*xxx.html*/

<button id="btn1">按钮1</button>
<script src="my.js"></script>

//xxxx.js
var btn1 = document.getElementById('btn1')
btn1.addEventListener('click',function(){
    alert('你好')
})