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 ...
随机推荐
- CSS效果——绝对居中
实现效果 不论窗口尺寸,都可以垂直和水平居中. 代码 <!DOCTYPE html> <html> <head> <meta charset="ut ...
- vue 登录页面填坑
上边的导航头,会显示在登陆页面上,暂时的解决办法实: <template> <div style="position: fixed; top:0px; left:0px;h ...
- 简易的美图秀秀利用别人的so库
在实际开发中,有时候时间短,任务量大,可以查看类似的apk,将行apk反编译,通过看源码分析,用里面的JNI代码! 本案例中用了美图秀秀的JNI.java和jni.so链接库 项目中调用别人写的c代码 ...
- 代码实现:定义一个文件输入流,调用read(byte[] b)方法,将a.txt文件中的内容打印出来(byte数组大小限制为5)
package com.loaderman.test; import java.io.ByteArrayOutputStream; import java.io.FileInputStream; im ...
- Ubunut16.04 安装 Theano+GPU
1. 更新NVIDIA显卡驱动 安装好系统之后首先在系统更新管理器中更新显卡驱动,如下图 点击Apply Changes 2. 安装numpy,scipy,theano pip安装即可 sudo ...
- Linux 查看操作系统版本信息 uname
Linux 查看操作系统版本信息 uname uname 命令用于显示当前系统的版本信息. 带 -a 选项的 uname 命令会给出当前操作系统的所有有用信息. 命令如下: [root@node1 / ...
- delphi 权限控制(delphi TActionList方案)
在软件开发中,为软件加入权限控制功能,使不同的用户有不同的使用权限,是非常重要的一项功能,由其在开发数据库方面的应用,这项功能更为重要.但是,要为一个应用加入全面的权限控制功能,又怎样实现呢?大家知道 ...
- ES5与ES6常用语法教程之 ④展开运算符...在数组和对象中的作用
展开操作符(spread) 展开运算符(spread operator)允许一个表达式在某处展开.展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以 ...
- C#编程 socket编程之tcp服务器端和客户端
基于Tcp协议的Socket通讯类似于B/S架构,面向连接,但不同的是服务器端可以向客户端主动推送消息. 使用Tcp协议通讯需要具备以下几个条件: (1).建立一个套接字(Socket) (2).绑定 ...
- Django-MVC框架和MTV框架
MVC框架 全称Model View Controller,分为三个基本部分:模型Model.视图View和控制器Controller,具有耦合性低.重用性高.生命周期低等优点. 结构 View层,操 ...