html、css、js入门-10-js基础1:什么是 Javascript, JavaScript 发展史

 


JavaScript概述

 

 什么是 Javascript

  . JavaScript 是一种网页编程技术,用来向HTML 页面添加交互行为。

  . JavaScript 是一种基于对象的事件驱动的解释性脚本语言,具有与Java和C语言类似的语法

        -- 直接嵌入  HTML 页面
        -- 由浏览器解释执行代码,不进行预编译

 

JavaScript  发展史

 
     .  JavaScript 的正式名称是 "ECMAScript",
        此标准由ECMA 组织发展和维护

     .  ECMA-262 是正式的JavaScript 标准

     .  此标准基于 JavaScript(Netspace)和JScript(Microsoft)
           
            --  网景公司在 Netscape2.0首先推出了 JavaScript

            --  微软公司从IE3.0开始提供对客户端JavaScript的支持,
                   并另取名为JScript

 

 


JavaScript 的特点

  . 可以使用任何文本编辑工具编写,值需要浏览器就可以执行程序

  .  解释执行: 事先不编译,逐行执行

  .  基于对象: 内置大量现成对象

  .  适宜:

       -- 客户端数据计算
       -- 客户端表单合法性验证
       -- 浏览器事件的触发
       -- 网页特殊显示效果制作

第一个 JavaScript 程序

    .  事件定义方式

    .  嵌入式
           -- 使用 <script> 标签

    .  文件调用式

           -- 代码位于单独的 .js文件
           -- html 页面引用 js 文件

 

事件定义方式

 . 在定义事件时直接写入 JavaScript脚本

 
      <html>
         <head></head>
         <body>
             <form>
                <input type="button" value="第一个按钮" οnclick="alert                         (hello,world);">
             </form>
         </body>  

      </html>

 

 

嵌入式

   .  在页面上嵌入<script></script> 标签

       -- 标签中方式JavaScript 代码

   
      <html>
         <head>
             <script type="text/javascript" language="javascript">
                 function firstFunc(){
                     alert("Hello world.");
                 }
             </script>
         </head>
      </html>

 

 

文件调用式

      将 JavaScript 代码写入一个单独的文件,并保存为 .js 后缀

             -- 外部文件不能包含<script>标签

          function firstFunc(){
             alert("hello world!");
          }


        myJs.js文件脚本文件中不需要脚本开始和结束声明

 

 

文件调用式

     html 页面的 <head> 中引用外部的.js文件
 
     -- 在 <head> 中添加 <script> 标签
     -- 并设置<script>标签的"src"属性,以指定js文件的url

 

<html>
   <head>
       <script language="javaScript" src="myJs.js"></script>
   </head>
   <body>
   </body>
</html>

 

 


项目案例:

   JavaScript 的 HelloWorld

1. 创建 html 页面;
2. 为页面添加三个按钮
3. 为按钮定义单击事件,并分别用三种方式添加 JavaScript 代码,以弹出
 Hello World 。


JavaScript 的代码错误

 . 解释性代码,代码错误,则无效果
 . IE浏览器
     -- 使用开发工具
 
 . Firefox 浏览器
     -- 使用错误控制台查看

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慕容屠苏

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值