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 ...
随机推荐
- SQLite 使用主键，ROWID 及自增列
SQLite 使用主键,ROWID 及自增列 之前关注过一些嵌入式数据库,倒时 SQLite 风头更劲,在 Android 上被应用,在 HTML5 中一些浏览器的 Local Database 的实 ...
- python - 注释说明
归类三种注释风格: 大段的自定义块状注释 """ #========================================= # FileName: upgra ...
- 【React自制全家桶】五、React组件的生命周期函数详解
一.总览React组件的生命周期函数 什么是生命周期函数:简单的来说就是 在某个时刻会自动执行的函数 二.React的生命周期函数主要由四块组成 分别是:组件初始化.组件挂载.组件更新.组件卸载 三. ...
- Activity缓存方法
有a.b两个Activity,当从a进入b之后一段时间,可能系统会把a回收,这时候按back,执行的不是a的onRestart而是onCreate方法,a被重新创建一次,这是a中的临时数据和状态可能就 ...
- JQUERY的$(function(){})和window.onload=function(){}的区别
在Jquery里面,我们知道入口函数有两种写法:$(function(){}) 和$(document).ready(function(){}) 作用类似于传统JavaScript中的window.o ...
- 使用 certbot 自动给 nginx 加上 https
概述 目前,Let's Encrypt 可以算是最好用的 https 证书申请网站了吧.而 certbot 可以算是它的客户端,能够很方便的自动生成 https 证书.我把自己的使用经历记录下来,供以 ...
- AWS EC2 外网不能访问的坑
概述 今天我在 AWS EC2 上配置并启动了 nginx,但是通过外网不能访问,查了一下资料终于解决了,记录下来供以后开发时参考,相信对其它人也有用. 外网访问不了的原因 外网访问不了的原因不外乎有 ...
- python中日志logging模块的性能及多进程详解
python中日志logging模块的性能及多进程详解 使用Python来写后台任务时,时常需要使用输出日志来记录程序运行的状态,并在发生错误时将错误的详细信息保存下来,以别调试和分析.Python的 ...
- 083. Remove Duplicates from Sorted List
题目链接:https://leetcode.com/problems/rotate-list/description/ Given a sorted linked list, delete all d ...
- java中instanceof的基本使用
java中的instanceof运算符是用于判断对象是否是指定类或这个指定类的子类的一个实例,返回值是布尔类型. 语法: boolean result = object instanceof clas ...