利用Js动态添加Html元素,无法在源代码看到结果


<head>
</head>
<script type="text/javascript">
var f = document.createElement("script");
f.setAttribute("src", "/friend.js");
document.head.appendChild(f);
</script>
<head>
</head>
<script type="text/javascript">
var f = document.createElement("script");
f.src="/friend.js";  
document.head.appendChild(f);
</script>我加载了这样的两个HTml文件，然后查看源代码，但是显示不出我在head标签中插入的script标签。
哪里写得有问题？还是动态插入就是看不出？怎样改改呢？