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部分



  • 相关阅读:
    POWERDESIGNER中显示样式设置
    DatagridView 最后编辑状态数据无法自动提交的问题
    oracle 10G以上版本 树形查询新加的几个功能
    net farmework 4安装不了 原因是 HRESULT 0xc8000222
    npoi 导出
    oracle rowtype
    fiddler https
    一次linux站点安装经验
    小米手机安装https证书报错:无法安装该证书 因为无法读取该证书文件
    日志系统
  • 原文地址:https://www.cnblogs.com/greenteaone/p/2366159.html
Copyright © 2011-2022 走看看