js介绍及语法结构

　　　javaScript它是一门动态的，弱类型的，解释型面向Web的编程语言。虽然名字里有Java但其它与Java无关。它可以用来增强页面动态效果，实现页面与用户之间的实时，动态交互。

　　　javascript由三部分组成：

　　　　ECMAScript:提供核心的语言功能（ECMA欧洲计算机制造商协会）

　　　　DOM:文档对象模型，描述处理网页内容的方法和接口（Document Object Model）

　　　　BOM:浏览器对象模型，描述与浏览器进行交互的方法和接口(Browser Object Model)

　　特点：

　　　　跨平台的web脚本语言

　　　　向html页面添加交互行为

　　　　可与服务器进行能信

　　　　.......

　　出现的位置

　　　　行间：简单直接，不利于维护　　　　

 <input type="button" id="btn1"  onclick="alert(1)" >

　　　　内嵌：样式共享，方便

<input type="button" id="btn" value="按钮">

    <script>

        document.getElementById('btn').onclick = function () {

            alert(1);

        }

    </script>

　　　　外链：推荐工作中使用

<script src="demo.js"></script>

　　标识符和保留字

　　　　标识符：它就是一个名字，用来对变量和函数进命名，或者是做Javascript代码中某些循环中跳转位置的标记。标识符必须以字母，下划线（_）或者是美元符（$）开始.

　　　　保留字：Javascript保留了一些标识符为自已所用，这些保留字不能用做普通的标识符，关键字只是保留字的一部分，保留字包括关键字，未来保留字、空字面量和布尔值字面量。　

　　大小写问题

　　　　Javascript中的关键字、变量、函数名和所有的标识符都必须采取一致的大小写形式。　　

　　注释

　　　　不需要解释和执行仅供自己参考或提醒自己希望解释器能直接忽略的信息。注释一定是精确的描述

　　　　分为：单行注释：两个斜杠开头；多行注释：块级注释，以一个斜杠和一个星号/*开头，以一个星号和一个斜杠*/结尾，不可嵌套。

　　变量

　　　　变量是用于保存数据，可变的量。

　　　　变量有以下的命名规则：允许是数字，字母，下划线，美元符任意组合而成，不能是以数字开头，不能使用关键字和保留字。

　　　　变量的命名风格：语义化和驼峰命名（小驼峰：除第一个单词之外，其它单词的字母大写如：int myStudentCount。变量一般用小驼峰，大驼峰把第一个单词的首字母也大写，常用于类名，属性，命名空间如：public class DataBaseUser）。

变量例子：点击按钮改变下方图片的宽高。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>变量例子</title>

    <style>

        div{

            width: 200px;height: 200px;background-color: greenyellow;

        }

    </style>

</head>

<body>

    <script>

        window.onload = function () {

            var box = document.getElementById('box');

            document.getElementById('btn').onclick = function () {

                box.style.width = '400px';

                box.style.height = '400px';

            }

        }

    </script>

    <button id="btn">按钮</button>

    <div id="box"></div>

    <!--

        1.document.getElementById() 拿到按钮

        2.用到window.onload()

        3.修改属性 元素.style.样式=值

        4.变量

     -->

</body>

</html>

巴特西

js介绍及语法结构

最新文章

热门文章