AP102 2016/4/27 JavaScript click alert

AP102 2016/4/27 JavaScript click alert

AP102 2016/4/27 JavaScript click alert

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="">
        <script src="28_new.js"></script>
        <title>Query Selector</title>
    </head>
    <body>
        <div>
            <p>First</p>
            <p>Second</p>
            <p>Third</p>
            <p>Fourth</p>
        </div>
    </body>
</html>

function doFirst(){
    //先與畫面產生關聯,再建事件聆聽的功能
    document.querySelector('p').onclick = talk;
    //talk是自定義 ,dofirst函式自定義名稱 
}
function talk(){
    alert('hi~~');
}

window.addEventListener('load',doFirst,false);

//固定寫法：建立與文件的連結

//window.onload=doFirst;
//上列註解部分是過去的老舊寫法

Comments