gavanwanggw

导航

JavaScript入门：002—JS代码放置的位置

JavaScript在页面中使用，那么这些JS代码应该放在什么位置呢？以下来看一下。


一般来说有两种方式。写在界面上和使用.js文件。
1.1界面上的Head部分
能够直接放在head标签内，例如以下代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>testPage</title>
    <script type="text/javascript">
     //your js code
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    </form>
</body>
</html>
1.2界面上的body部分
一般都是直接放在body部分的，例如以下
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>testPage</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    </form>
        <script type="text/javascript">
            //your js code
    </script>
</body>
</html>
放在head和body中没有什么差别，一般代码量不多的时候，并且仅仅有当前页面使用这些js。那就直接写在界面上吧。
2、JS文件
对于那些复杂的，并且代码量非常多的JS。最好放在专门的一个.js文件中。然后在页面上依照js文件的相对路径引用进来。
这种优点是，能够防止非常多反复的js代码。

能够将一些公用的js方法放在外部js文件中。
比方。一般使用visual studio 2010新建的asp.netproject中都带的有jquery-1.4.1.js文件，我们看怎么使用这个js文件。
比方页面的文件结构如图，


要在MyJSFrm.aspx中使用这个js文件就这样引入。


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>testPage</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    </form>
    <script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
            //your js code
    </script>
</body>
</html>
总之。别忘了使用相对文件夹，假设当前页面文件的文件夹层级比較深，那就使用../自己算文件夹的层级吧。

posted on 2017-08-07 11:18  gavanwanggw  阅读(231)  评论(0)  编辑  收藏  举报