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代码的书写位置。

  • 相关阅读:
    [LeetCode 1029] Two City Scheduling
    POJ 2342 Anniversary party (树形DP入门)
    Nowcoder 106 C.Professional Manager(统计并查集的个数)
    2018 GDCPC 省赛总结
    CF 977 F. Consecutive Subsequence
    Uva 12325 Zombie's Treasure Chest (贪心,分类讨论)
    Poj 2337 Catenyms(有向图DFS求欧拉通路)
    POJ 1236 Network of Schools (强连通分量缩点求度数)
    POJ 1144 Network (求割点)
    POJ 3310 Caterpillar(图的度的判定)
  • 原文地址:https://www.cnblogs.com/xinxing/p/3858932.html
Copyright © 2011-2022 走看看