<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>入职7天邮件模板</title>
<!-- script需要放下面,等待html加载完成以后才能访问 -->
<script type="text/javascript" defer="true">
let url = "https:www.baidu.com";
let extend = {
init:function(){
console.log(document);
let s1 = document.getElementById("send1");
console.log(s1);
}
}
extend.init();
</script>
</head>
<body>
<div id="send1">
测试用........
</div>
,简单的一段html+js页面,很正常的通过把js放到head从html取页面数据 ,结果总是取不到,把js放到body的最后一行则可以了。
其原因就是页面是顺序加载,如果需要等页面加载完之后再获取属性,需要把js放在body的最后一行。