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 ...
随机推荐
- wait/notify模拟连接池
连接池中的连接可重复使用,减少每次新建和烧毁连接对资源的消耗,但连接池的容量大小也要设置合理,否则也会占用多余的资源.连接池的基本功能是获取连接和释放连接 连接在java中也是一个类,连接对象是一个普 ...
- 前端性能之Chrome的Waterfall
浏览器根据HTML中外连资源出现的顺序,依次放入队列(队列),然后根据优先级确定向服务器获取资源的顺序.同优先级的资源根据HTML中出现的先后顺序来向服务器获取资源. 瀑布中各项内容的含义: 排队: ...
- JNI知识扩展
JNI(Java Native Interface,JAVA原生接口) 使用JNI可以使Java代码和其他语言写的代码(如C/C++代码)进行交互. 问:为什么要进行交互? |- 首先,Java语言提 ...
- Appium移动自动化测试(二)之appuim + 夜神模拟器
环境搭建起来之后, 就可以开始移动自动化了. 但是使用自带的AVD开启模拟器, 速度实在太慢. 于是用夜神来做替代, 稍微能够有一些提速. 启动appuim 打开Appium,点击右上角Start按钮 ...
- awk中begin/end的含义
BEGIN中的内容是在awk开始扫描输入之前执行,一般用来初始化或设置全局变量: 而END之后的操作将在扫描完全部的输入之后执行.
- U盘文档自动备份
检测到插入U盘即复制其中doc.ppt文件到指定目录 (ucopy.bat): @echo off :again del /Q /f "%temp%\copy.tmp" >n ...
- java的几种上传文件方法
这时:commonsmultipartresolver 的源码,可以研究一下 http://www.verysource.com/code/2337329_1/commonsmultipartreso ...
- openstack共享组件--memcache缓存（2）
一.缓存系统 一.静态web页面: 1.在静态Web程序中,客户端使用Web浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告 ...
- JS原生上传大文件显示进度条-php上传文件
JS原生上传大文件显示进度条-php上传文件 在php.ini修改需要的大小: upload_max_filesize = 8M post_max_size = 10M memory_li ...
- C# 跨线程更新 UI
Winforms 跨线程更新 UI 在 Winforms 中, 所有的控件都包含 InvokeRequired 属性, 如果我们要更新UI,通过它我们可以判断是否需要调用 [Begin]Invoke. ...