01.JavaScript介绍和基本使用

来源:互联网 发布:睡了闺蜜的男朋友 知乎 编辑:程序博客网 时间:2024/05/01 10:53

一.JavaScript介绍

JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。
前端三大块 :

  • HTML:页面结构
  • CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果
  • JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能

二.JavaScript嵌入页面的方式

1、行间事件(主要用于事件)

<input type="button" name="" onclick="alert('ok!');">

2、页面script标签嵌入

<script type="text/javascript">            var a = '你好!';    alert(a);</script>

3、外部引入

<script type="text/javascript" src="js/index.js"></script>

三.javascript语句与注释

1、一条javascript语句应该以“;”结尾

<script type="text/javascript">        var a = 123;    var b = 'str';    function fn(){        alert(a);    };fn();</script>

2、javascript注释

<script type="text/javascript">    // 单行注释var a = 123;/*      多行注释    1、...    2、...*/var b = 'str';</script>

这是一个简单的demo,实例如下
001.html的代码:

    <!DOCTYPE html>    <html lang="en">    <head>        <meta charset="UTF-8">        <title>Document</title>        <script type="text/javascript" src="js/001.js"></script>    </head>    <body>    </body>    </html>

001.js的代码

    var a = 123;    // var b = 'str';    function fn(){        alert(a);    };    fn();

目录结构如下图:

这里写图片描述

原创粉丝点击