zoukankan      html  css  js  c++  java
  • JavaScript学习(一)

    JavaScript是网络脚本语言,与Html语言混合使用,在学习JavaScript之前,要有一定的Html基础。

    那么如何把JavaScript放入Html页面呢?

    JavaScript放人Html页面有三种方式:

    1.放入head部分

    JavaScript放入head部分,只有脚本被调用时,脚本才会被执行,可以确保在调用JavaScript之前,JavaScript就已经被载入了。

    Example:

    <html>
    <head>
    <script type="text/javascript">
    function clicktest() {
    alert("我被点击了!")
    }
    $("#click").css("background", "red");

    </script>
    </head>
    <body>
    <button onclick="clicktest()" id="click"> Click</button>
    </body>
    </html>

    此实例当button被点击以后会弹出“我被点击了!”的窗口,但是button的背景颜色并没有改变,说明脚本$("#click").css("background", "red");载入的时候,button并没有载入,所以没办法改变button的背景色。

    2.放入body部分

    JavaScript放入body部分,页面载入的时候脚本就被执行了

    Example:

    <html>
    <head>
    </head>
    <body>
    <button onclick="clicktest()" id="click">
    Click</button>
    <script type="text/javascript">
    $("#click").css("background", "red");
    function clicktest() {
    alert("我被点击了!");
    }
    </script>
    </body>
    </html>

    此实例页面载入的时候button的背景颜色就变成红色的了,说明页面载入的时候脚本就被执行了。

    3.放入Html外部,然后引用到Html

    单独写脚本文件,然后引用到Html,这样可以多个页面引用相同的脚本,可以使代码重复利用。

    <html>
    <head>
    <script src="/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
    </head>
    <body>
    </body>
    </html>

    只要按照实例中的方式添加了jquery-1.5.1.js的脚本引用以后,就可以调用jquery-1.5.1.js中的所有方法了

    综上讲述了javascript脚本语言在网页编程中放置的三个位置,他们可以同时使用。

    1.需要重复利用的脚本可以放置在Html外部,

    2.需要页面载入的时候就被执行的,放置在body部分,

    3.需要在使用前就已经被加载的,就放入head部分



  • 相关阅读:
    文件处理--文件操作
    三元运算
    alex 推荐的书
    python字符串、列表和字典的说明
    运算符
    while else语句
    格式化输出
    数据类型-元组
    数据类型-集合
    字符串
  • 原文地址:https://www.cnblogs.com/greenteaone/p/2366159.html
Copyright © 2011-2022 走看看