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介绍及语法结构的更多相关文章

  1. day47——css介绍、语法结构、选择器、css权重

    day47 今日内容 css介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 语法结构 div{ color:gree ...

  2. js学习：基本语法结构

    语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行.一般情况下,每一行就是一个语句. 语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句. ...

  3. 【每天半小时学框架】——React.js的模板语法与组件概念

           [重点提前说:组件化与虚拟DOM是React.js的核心理念!]        先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...

  4. Python-JS (JS介绍~JS的基础数据类型)

    目录一.JS语言介绍: 1.JS概念 2.JS组成 二.JS的三种存在位置(引入方式): 1.行间式: 2.内联式: 3.外联式: 三.JS出现的具体位置: 四.JS语法规范 五.JS中变量的定义 E ...

  5. JavaScirpt(JS)——js介绍及ECMAScript

    一.JavaScript历史发展 JavaScript语言的历史:http://javascript.ruanyifeng.com/introduction/history.html 1994年12月 ...

  6. 100多个基础常用JS函数和语法集合大全

    网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...

  7. Vue.js介绍

    http://www.cnblogs.com/keepfool/p/5619070.html Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思 ...

  8. Tcl与Design Compiler （二）——DC综合与Tcl语法结构概述

    1.逻辑综合的概述 synthesis = translation + logic optimization + gate mapping . DC工作流程主要分为这三步 Translation : ...

  9. JavaScript 基础——使用js的三种方式，js中的变量，js中的输出语句，js中的运算符；js中的分支结构

    JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...

随机推荐

  1. excel中如何设置只打印第一页

    在打印表格时,怎样设置只打印第一页呢,操作很简单,下面,小编说下操作方法.   方法/步骤     打开要打印的工作表, 再点击“文件”   弹出的页面中,在左侧这里,点击“打印”   在右边弹出与打 ...

  2. 梯度下降(Gradient Descent)小结 -2017.7.20

    在求解算法的模型函数时,常用到梯度下降(Gradient Descent)和最小二乘法,下面讨论梯度下降的线性模型(linear model). 1.问题引入 给定一组训练集合(training se ...

  3. Linux安全工具之fail2ban防爆力破解

    一:简单介绍 fail2ban是一款实用软件,可以监视你的系统日志,然后匹配日志的错误信息(正则式匹配)执行相应的屏蔽动作 在企业中,有些很多人会开放root登录,这样就有机会给黑客造成暴力破解的机会 ...

  4. 用Intellij idea搭建solr调试环境

    最近在使用solr时,配置会有一些问题,log里面打印出日志了,但是还是不知道发生这样错误的原因.于是想学习一下相关的solr源码,以下是如何搭建solr调试环境步骤. solr调试环境搭建,首先下载 ...

  5. 使用SlidingDrawer（滑动式抽屉）实现抽屉效果

    SlidingDrawer隐藏屏外的内容,并允许用户通过handle以显示隐藏内容.它可以垂直或水平滑动,它有俩个View组成,其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须 ...

  6. 小D课堂 - 零基础入门SpringBoot2.X到实战_第11节 Logback日志框架介绍和SpringBoot整合实战_45、SpringBoot2.x日志讲解和Logback配置实战

    笔记 2.SpringBoot2.x日志讲解和自定义Logback配置实战     简介:讲解SpringBoot2.x整合Logback配置实战 1.官网介绍:https://docs.spring ...

  7. 2019.11.18【每天学点SAP小知识】Day4 - ABAP 7.40新语法 FOR

    "今天学习一下FOR的语法,常用的2个语法. FOR wa|<fs> IN itab [INDEX INTO idx] [cond] "FOR i = … [THEN ...

  8. Jenkins 有用的API

    /quietDown: Put Jenkins in a Quiet mode, in preparation for a restart. In that mode Jenkins don’t st ...

  9. springboot和springcloud版本冲突问题

    最近搭建eureka项目,出现boot和cloud版本不匹配错误,记录下来 2019-12-06 14:00:20.043 ERROR 180780 --- [ main] o.s.boot.Spri ...

  10. PHP 註解規則使用方式

    /** * 函數名稱 * 函數描述(有些會含HTML代碼) * * @access 變數可存取的權限 (Example: Public or Private) * @api 爲第三方來源的變數 * @ ...