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>
这样我们就可以实现了弹窗.
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步