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介绍及语法结构的更多相关文章
- day47——css介绍、语法结构、选择器、css权重
day47 今日内容 css介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 语法结构 div{ color:gree ...
- js学习：基本语法结构
语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行.一般情况下,每一行就是一个语句. 语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句. ...
- 【每天半小时学框架】——React.js的模板语法与组件概念
[重点提前说:组件化与虚拟DOM是React.js的核心理念!] 先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...
- Python-JS (JS介绍~JS的基础数据类型)
目录一.JS语言介绍: 1.JS概念 2.JS组成 二.JS的三种存在位置(引入方式): 1.行间式: 2.内联式: 3.外联式: 三.JS出现的具体位置: 四.JS语法规范 五.JS中变量的定义 E ...
- JavaScirpt(JS)——js介绍及ECMAScript
一.JavaScript历史发展 JavaScript语言的历史:http://javascript.ruanyifeng.com/introduction/history.html 1994年12月 ...
- 100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...
- Vue.js介绍
http://www.cnblogs.com/keepfool/p/5619070.html Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思 ...
- Tcl与Design Compiler （二）——DC综合与Tcl语法结构概述
1.逻辑综合的概述 synthesis = translation + logic optimization + gate mapping . DC工作流程主要分为这三步 Translation : ...
- JavaScript 基础——使用js的三种方式，js中的变量，js中的输出语句，js中的运算符；js中的分支结构
JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...
随机推荐
- Oracle 必要的后台进程
Oracle 必要的后台进程 Table of Contents 1. 简述 2. 必要进程 2.1. 默认启动后台进程 2.2. 哪些进程不能杀 1 简述 oralce 每次大的版本变更,后台进程都 ...
- spring整合mybatis（非代理方式）【我】
首先创建要给 maven 的war项目 不用代理的方式: 如果不适用Mapper代理的方式,配置就非常简单: 首先是pom文件(以下配置文件包含其他多余内容,仅供参考): <project xm ...
- 由STL map调用clear后，内存不返还给操作系统的问题出发，探讨glibc malloc/free行为(转)
1. 问题 我们的程序有几十个线程,每个线程拥有一个std::map,每个线程都要向自己的std::map中插入大量的数据,但每个数据只有几十字节:当使用完std::map,调用map.clear() ...
- 根据json生成java实体类
之前一篇讲过了XML转java实体对象,使用的是JAXB技术,今天给大家推荐一个在线转json到java实体对象: http://www.bejson.com/json2javapojo/new/ 转 ...
- idea debug的drop frame，set watch和设置过滤条件
idea debug中的drop frame就是回退到上一个方法调用的开始处,在IDEA里测试无法一行一行地回退或回到到上一个断点处,而是回到上一个方法. 在调用栈方法上选择要回退的方法,右键选择Dr ...
- Servlet(4)：Session
Session, Cookie及交互 会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话.常用的会话跟踪技术是Cookie与Session. Cookie通过在客户端记录信息确 ...
- 14 count(*)
14 count(*) count(*)实现方式 首先要声明,在不同的mysql引擎中,count(*)有不同的实现方式. --myisam引擎把一个表的总行数存在了磁盘,因此执行count(*)的时 ...
- spring-boot集成3：集成swagger
Why swagger? 使用swagger让你从编写接口文档的无聊工作中解脱出来 1.Maven依赖 <!-- swagger --> <dependency> <gr ...
- 【ABAP系列】SAP 使用特殊的技术更新数据库（ABAP）
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]SAP 使用特殊的技术更新数据库 ...
- git（程序员的时光机）
git 是什么 最强大的分布式版本控制系统,没有之一 版本控制: 完成一项任务,最终的成果可能是经过中间修修修改n次得到的,在这n个版本之间的切换就叫版本控制. 集中式的版本控制svn,cvs缺点: ...