基础篇：1.JavaScript运行在html中，引用有几种方式？—— 6.js中常用的输出方式？
书接上文，上文提到若干条JavaScript的基础性知识，大部分都是一些概念性的东西，本着认真严谨的态度，我们要认真对待，有些条目的问题是某个知识点的周边延伸，为节约篇幅，就一起整理了，如有描述不对的地方或者是描述不足的地方，望大家批评指正，下面是我给我”参考答案“，也只是仅供参考：
1.JavaScript运行在html中，引用有几种方式？
我知道的方法有3种：
第一种：外部引用远程JavaScript文件，如<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>（相对路劲）或者是<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>（绝对路劲）；
第二种：直接用写在页面上，如:
<script type="text/javascript">
document.write('这里是一行JavaScript代码1');
</script>
第三种：在JavaScript代码中引用外部js：
<script>
window.onload = function(){
var script = document.createElement("script");
script.setAttribute("type","text/javascript");
script.src = "http://common.cnblogs.com/script/jquery.js";
document.getElementsByTagName("head")[0].appendChild(script);
}
</script>
2.JavaScript通常写在页面的什么位置？
javascript的书写位置大致有3个地方：
第一个地方：是head头部，比如：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript引用方式</title>
<script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
<script>
window.onload = function(){
var script = document.createElement("script");
script.setAttribute("type","text/javascript");
script.src = "http://common.cnblogs.com/script/index.js";
document.getElementsByTagName("head")[0].appendChild(script);
}
</script>
</head>
第二个地方：body的任何位置，如：
<body>
<script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
<p>这里是一段文本！</p>
<script>
window.onload = function(){
var script = document.createElement("script");
script.setAttribute("type","text/javascript");
script.src = "http://common.cnblogs.com/script/jquery.js";
document.getElementsByTagName("head")[0].appendChild(script);
}
</script>
</body>
第三个地方：以事件的形式写在标签上，如：
<p onClick="javascript:alert('叫你点，你就点啊！')">点我点我！</p>
3.改变js加载顺序的方法有什么？
JavaScript是有加载顺序的，不同的加载顺序可以会导致不同的结果，举个栗子：
<script>
var txt = document.getElementById("txt");
alert(txt.innerHTML);
</script>
<div id="txt">我是一段文本，你不能找到我！</div>
<div id="val">我也是一段文本，你能找到我！</div>
<script>
var txt = document.getElementById("val");
alert(txt.innerHTML);
</script>
第一段js执行会出错，因为html代码运行是至上而下加载的，第一段JavaScript代码先执行，才执行下面的html代码，所以根本就找不到该DOM节点，就会报错，如果html先执行，在运行JavaScript代码，就像第二段，就可以运行成功！当然，我不是说一定要先执行html代码，在执行JavaScript代码，这个要依情况而定；
再举一个栗子：
<script>
$(".calculator").fancybox();
</script>
<script type="text/javascript" src="../js/jquery.fancybox.js"></script>
上面的fancybox插件如果像上面这样的加载顺序去加载的话，一定是不能执行的，因为代码执行所依赖的js库是后面执行的，这里要讲的内容主要是想说明，如果是在使用一个插件，依赖某个js文件，一定要在前面先运行，不管是放在head头部，还是body中；
上面的例子说明一点，不同的js执行顺序，执行的内容是不一样的，所以改变js文件的位置，就可以改变js的加载顺序（注：这里指的是单独的JavaScript文件或片段，不包含函数的顺序）。
2015.11.05补充：感谢@橘色大耳朵猫 同学的提醒，这里的js的加载顺序指的是js文件在页面上的加载顺序，不是js程序的加载顺序，先理解这一点，如果说行内js事件代码也算是一个独立的js文件的话（也可以这么理解，毕竟可以独立运行），那这里的加载顺序也是自上而下的，和其他的文件的加载顺序是一样的，但是有一个非常特殊的事件例外，那就是“onload”事件，onload 事件会在页面或图像加载完成后立即发生（w3school上的解释），好难理解，通俗的讲就是，这个事件是在页面上的所以内容加载完成了，我才来执行这个函数，不管我这个时间定义在哪里都一样，没有顺序而言（本来嘛，我反正都是最后一个执行的，位置对于我来说已经没有意义了）；除了onload，其他的事件都是按照顺序执行的。
可能有人会问了，唉，不对啊，如果我是onclick事件，我点击之后，可能下一行运行的函数在我事件的前面呢，这不是改变了js执行的顺序吗？这怎么解释呢？
如果你还是有这个疑惑，那请注意我在上一句描述上说的是“改变了js的执行顺序”，是执行顺序，不是加载顺序，执行顺序是程序内，加载顺序是文件之间的，比如说点击事件，你点击了，那js就已经经历了加载，然后执行了，如果你还是不理解，我就给你举一个现实生活中的例子：
我手上有4个盒子，盒子里面有不同的东西，每个盒子都有编号（1,2,3,4），现在我把这4个盒子依次在桌子上，编号顺序随机，然后从左到右依次看一遍，盒子是开的，我就把东西拿出来（这里表示js自动执行）；如果是关着的，就看下一个（这里表示是需要事件来出发的，如打开盒子这个动作），直到最后一个盒子看完，整个就完了，那盒子的顺序就是查看盒子的顺序，跟编号没关系（这里说的是文件的名字），onclick这样的事件就是盒子我已经过了一遍，现在有没有打开的盒子，我现在打开了，就是执行了这个事件，然而前面我们说了，盒子已经过了一遍，所以这个动作就不涉及整个过场顺序问题了，那onload是怎么回事呢，就是我有一个盒子放在一边，等其他盒子都看了，再看这个盒子（就是最后执行这个事件，onload是自动触发执行的），理解了吗？自己摆一摆。要是还不理解，那就去面壁思考吧！
4.type属性都有哪些常用的值？代表什么意思？
打开Dreamweaver（我比较喜欢用这个编辑器，习惯了他给的提示，别说我low哦），在<script>上打一个type，会有很多type属性，我们把他写下来，看看都有哪些：
application/ecmascript application/javascript application/x-ecmascript application/x-javascript text/ecmascript text/javascript text/jscript text/livescript text/tcl text/x-ecmascript text/x-javascript
oh，mygod！这么多！吓死宝宝了！
在<link>上面打一下：
text/css text/javascript
还好只有2个！
type属性在js上表示脚本的类型，即MIME类型，在link上表示叠层样式表的MIME类型，常用的就是2种（其他的不常用，也不知道是什么意思，用在什么情况，哪位大神帮忙科普一下）：
text/css （css文本，告诉浏览器是加载css样式）
text/javascript （JavaScript文本，告诉浏览器加载js代码）
貌似解释的有点牵强，呵呵！
5.除了type属性还有其他的什么属性？
再次打开Dreamweaver，给的提示有这几个：async，defer，language，runat，src
async：定义脚本是否异步执行，值为：async；
defer：指示脚本不会生成任何文档内容，浏览器可继续解析并绘制页面。意思就是等文档加载完毕了再执行此js，要是想深入了解这个属性，可以参考这里，如果你英文比较好，可以看这里。
language：规定脚本的语言，现在使用type来替代了；
runat：其值为server，表示是在服务器上运行此代码，客户端不运行，不常用；
src：指外部脚本文件的引用路径
6.js中常用的输出方式？
js的输出方式大概有下面几种：
<div id="demo"></div>
<script>
//第一种
document.write("<p>你在干嘛，你妈妈叫你回家吃饭！</p>");
//第二种
document.getElementById("demo").innerHTML = "我再玩会，我妈妈饭还没熟呢！";
//第三种，提示框
alert("谁家能叫我吃饭啊！");
</script>
行文仓促，可能会有表述不对的地方，如有发现，希望能批评指正！谢谢！如果觉得不错，希望你能推荐给正在学习js 的同学，不胜感激！
