zoukankan      html  css  js  c++  java
  • 2014年辛星完全解读Javascript第一节

    ***************概述***************

    1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递。

    2.Javascript和Java并没有太多的关系,只是名字重复了四个字母。

    3.Javascript的主要功能是进行数据验证、提供网页特效,动态响应用户的操作,我们提到Javascript也通常会提到jQuery和Ajax。

    ************Javascript的历史***********

    1.它的前身是LiveScript,首次投入使用是在1995年的Netscape的浏览器中。

    2.后来微软涉足浏览器市场,导致该市场的前端脚本语言出现了三足鼎立的情况,也让前端的脚本开发变得非常混乱,于是,是时候制定一个标准了。

    3.1997年,Javascript1.1被提交给ECMA,后来国际标准化组织及国际电工委员会也采纳了该提案,因此,它成了事实上的标准,不过它此时的名字叫做ECMAScript。

    4.一个完整的Javascript有如下三部分组成:内核部分(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

    *************第一个Javascript程序***********

    1.我知道很多人学习编程是从helloworld开始的,那我们也从这个经典的helloworld开始把。

    2.新建有一个html文件,用编辑器打开,书写如下代码:

    <html>
    <head>
    <script>
    function xin()
    {
    alert("Hello world");
    }
    </script>
    </head>
    <body>
    <button type="button" onclick="xin()">辛星</button>
    </body>
    </html> 

    3.保存之后用浏览器打开,然后点击“辛星”按钮,发现会有一个弹出的对话框,上面书写十个大字"Hello world".

    4.通过上面的例子大家也可以看到,我们这里采用的是直接把Javascript代码嵌入到html文件中去,当然,也可以分开写,然后由html文件去导入该Javascript文件。

    5.有些老旧的浏览器可能需要在script中加入type ="text/javascript",但是现在已经不需要了,现代浏览器以及HTML5都是默认使用Javascript的。

    6.上面我们是定义了一个Javascript的函数,它使用function去定义,其他的部分和其他编程语言就很相似了,语法上也很接近Java。

    7.我们在body标签中有一个Button按钮,它的作用是点击的时候会触发一定的事件,即调用一定的函数,这里的函数就是我们的script中的函数xin。

    **************Javascript写在哪*******

    1.我们上面是写在了head标签中,其实还可以写在body标签中。

    2.看如下代码:

    <html>
    <head>
    <script>
    </script>
    </head>
    <body>
    <script>
        document.write("<p>博客园辛星</p>");
        document.write("<p>传递温情</p>");
    </script>
    </body>
    </html> 

    3.就像我们导入css文件一样,我们也可以类似的方式导入Javascript文件,比如我们新建一个HTML文件,代码如下:

    <html>
    <head>
    <script src = "my.js"></script>
    </head>
    <body>
        <button onclick = "xin()">辛星</button>
    </body>
    </html> 

    然后我们在同一目录下新建一个my.js文件,内容如下:

    function xin(){
        alert("辛星");
    }

    然后我们保存该html文件,运行,发现我们点击“辛星”按钮的时候,会弹出一个“辛星”的对话框。

    4.需要记住的是,我们引入的js文件中直接写js代码就可以了,不需要额外的使用什么标签。

    ************小结*************

    1.本小节我们解读了Javascript的基本知识。

    2.然后我们开始了第一个js程序,然后我们解读了一下js代码的书写位置。

  • 相关阅读:
    Design and Implementation of the Sun Network File System
    Flash: An Efficient and Portable Web Server
    Java集合框架练习-计算表达式的值
    后缀数组专题训练
    经典问题-生产者和消费者问题
    ubuntu14.04下配置Java环境以及安装最新版本的eclipse
    Java多线程之CountDownLatch学习
    ZooKeerper学习之Watcher
    ZooKeeper之FastLeaderElection算法详解
    python获取当天日期进行格式转换
  • 原文地址:https://www.cnblogs.com/xinxing/p/3858932.html
Copyright © 2011-2022 走看看