• 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>
    总之。别忘了使用相对文件夹,假设当前页面文件的文件夹层级比較深,那就使用../自己算文件夹的层级吧。

  • 相关阅读:
    记录自己的缺点
    JavaScript算法系列之-----------------变态跳台阶(JS实现)
    JavaScript算法系列之-----------------跳台阶(JS实现)
    JavaScript算法系列之-----------------求1+2+..+n(JS实现)
    JavaScript算法系列之-----------------用两个栈实现队列(JS实现)
    react react-transition-group实现动画
    React 学习笔记
    javascript 面向对象-面试题实例
    javascript 面向对象
    python functools
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/7298208.html
Copyright © 2020-2023  润新知