当我们在网页设计使用到javascript的时候，都会在html里对js进行一个声明，以便我们能够使用js来对网页的“行为”进行控制。对于刚开始学习js时可能会像我一样纠结过...js都可以放在哪里？
所以下面我向各位和我一样的小虾米同志说说我小总结，对于js的声明位置的一个小分享。
我将js的声明按位置分为了两大类and嵌套4小类：
一、html内部声明：
1.在head中声明js：
<html>
<head>
<script type="text/javascript">
alert("第一个测试 ！")；
</script>
<title>test1</title>
</head>
<body>
</body>...
这种方式算比较常见的哦，不过由于浏览器是顺序执行的，所以种声明的情况有时会出现，未定义的情况，当遇到这种情况时，各位亲就要看看是不是声明位置的原因了。
2.在body中声明js：
<!DOCTYPE html>
<html>
<head>
<title>test2</title>
</head>
<body>
<script type="text/javascript">
alert("测试2！！")；
</script>
</body>...
这种方式就很常见了，记得在开始学习时，大神告诉我</script>挨着</body>比较好，因为对于浏览器而言它要先解析html的“骨架”，再来解析js的“行为”控制。so记住吧...
3.在行内式中声明js:
<html>
<head>
<title>行内式javascript</title>
</head>
<body>
<input type="button" value="按一下试试！" οnclick="alert('这就是行内式');">
<br/>
<input type="button" value="再试试！" οnmοuseοver="javascript:alert('这也是行内式');">
</body>
</html>
这算是一种为非主流吧，不过这样做也是可以的，虽然它是被我看成是杀马特，不过在有些时候我们也会用到的这个不解释哈。
二、html外部声明：
4.
<html>
<head>
<script type="text/javascript" src="test3.js">
</script>
<title>test3</title>
</head>
<body>...
外部声明也是很常见的，而且我觉得外部式，它是最能够体现将网页设计的“骨架”、“渲染”、“行为”分离开来的设计思想理念的。
不过那种方法，在一个项目之中可能多种声明位置都会用到，所以知道比不知道好，嘿嘿，不废话了~~
转载于:https://my.oschina.net/u/1436795/blog/196256
扫一扫
645
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
