码迷,mamicode.com
首页 > 编程语言 > 详细

Web基础--JavaScript入门

时间:2019-07-12 20:04:36      阅读:31      评论:0      收藏:0      [点我收藏+]

标签:this   接受   提前   reg   ===   useragent   pop   添加   alert   

一、JavaScript

1、什么是JavaScript(JS)

(1)JavaScript是嵌入HTML中的代码,在浏览器中执行的脚本语言,具有与Java和C语言类似的语法。
(2)一种网页编程技术,用来向HTML页面添加交互行为。
(3)直接嵌入HTML页面中。
(4)由浏览器解释代码并执行代码,不进行预编译。
注:
  JS是脚本语言,即没有编译器。JS与Java没有任何关系。JS是基于对象的,Java是面向对象的。
  面向对象:是先有一个抽象的对象描述(类), 然后根据这个描述去构建新的对象(实例化对象)
  基于对象: 是先有一个具体的对象,然后根据这个具体的对象,再去创建新的对象(实例化对象)

2、JS特点

(1)是脚本语言,可以使用任何文本编辑工具编写。
(2)由浏览器内置的JavaScript引擎执行代码。
  解释执行:事先不编译,逐行执行。
  基于对象:内置大量现成对象。
(3)使用场景:
  客户端数据的计算。
  客户端表单合法性验证。
  浏览器的事件触发。
  网页特殊显示效果制作。
  服务器的异步数据提交。

3、如何使用JS(其用法类似于CSS的用法)

(1)事件定义式: 直接在事件定义时写js。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>JSDemo</title>
    </head>
    <body>
        <!-- 注意,单双引号不要写错了 -->
        <!-- 事件定义式定义一个按钮,当鼠标点击时,跳出一个对话框-->
        <input type="button" value="Sure" onclick="alert(‘Hello‘);"/>  
    </body>
</html>

(2)嵌入式:直接写在<script></script>标签中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>JSDemo</title>
          <!-- 嵌入式的js写在<script>标签中 -->
        <script type="text/javascript">
            /*要调用的JS需要定义在函数中,
            function 函数名(参数){函数体}
            */
            function show(){
                alert(Hi);
            }
        </script>
    </head>
    <body>
 <!-- 嵌入式需在<script>标签中写函数,然后调用该函数。-->
        <input type="button" value="Cancel" onclick="show()"/>
    </body>
</html>

(3)文件调用