onload事件,解決不能在head寫代碼

時間 2019-11-29

標籤 onload 事件解決不能 head 代碼简体版

原文原文鏈接

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>Title</title>
    <script>
        //當頁面的標籤都加載完以後觸發onload事件
        window.onload=function (ev) {
            // 當文檔樹加載處理完成以後,纔會處理這句話
　　　　　//這樣咱們就能夠把代碼寫在這個head裏邊了
        //1.找到那個標籤
        var d1Ele = document.getElementById('d1');
        console.log(d1Ele);
        //這裏在獲取到d1以後,立馬打印,打印的結果是空
        //由於咱們把script放到了head裏邊了,在這裏咱們須要將script放到body的最下邊
        //這樣咱們就可成功彈出來了

        //2.獲取標籤的文本內容
        var s = d1Ele.innerText;
        //3.alert彈出
        alert(s)
        }
    </script>
</head>

<body>

<div id="d1">我是div</div>
<!--<script src="ooxx.js"></script>-->
</body>
</html>

這樣咱們就能夠實現了彈窗.html

相關標籤/搜索