<script type="text/javascript">
var main = document.body;
//创建链接
function createa(url,text)
{
var link=document.createElement('a');
link.setAttribute('href',url);
link.innerHTML=text;
link.style.color='red';
main.appendChild(link);
}
// 调用函数创建链接
createa('http://www.imooc.com','慕课网');
</script>
这段代码放到body里面没问题，放到head里面就失效了，为什么会这样
2019-01-19
放在<head>里的代码一般是预加载，只执行一次，并且浏览器是按照先后顺序编译的，要把代码再次加载，要加把代码都放到window.onload=function(){ }的大括号里，代码如下：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var main = document.body;
//创建链接
function createa(url,text)
{
var link=document.createElement('a');
link.setAttribute('href',url);
link.innerHTML=text;
link.style.color='red';
main.appendChild(link);
}
// 调用函数创建链接
createa('http://www.imooc.com','慕课网');
}
</script>
</head>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var main = document.body;
//创建链接
function createa(url,text)
{
var a=document.createElement("a");
a.href=url;
a.innerHTML="慕课网";
main.appendChild(a);
}
// 调用函数创建链接
createa("http://www.imooc.com","慕课网");
</script>
</body>
</html>
举报
