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 ...
随机推荐
- 让SpringBoot工程支持热部署
下载地址:https://files.cnblogs.com/files/xiandedanteng/SpringBootWeb-1_20190928.rar 修改Java文件后,每次要重启才好用,修 ...
- venv转向pipenv
先编译安装你需要的Python版本:参考https://www.cnblogs.com/zxpo/p/10011871.html python3.6安装在:/usr/bin/python3.6目录下: ...
- Struts2与Servlet API的解耦访问
- wpf webbrowser取消js报错
private void WebBrowser_Navigated(object sender, NavigationEventArgs e) { SuppressScriptErrors((WebB ...
- Linux内存简单汇总
Linux内存主要用来存储系统和应用程序的指令,数据,缓存等 一,内存映射 1,内核给每个进程提供一个独立的虚拟机地址空间,并且这个地址空间是连续的 2,虚拟地址空间内部又被分为内核空间和用户空间 3 ...
- 本地安装完oracle,plsql 连接不上
原因是本地装的oracle版本是12c,oracle客户端装的是11,所以连接不上,没有匹配的验证协议 客户端换成12,成功连接.
- MongoDB数据节点基础操作
1.查看集群中各节点的状态: rs0:PRIMARY> rs.status() 2.查看集群中各节点配置情况: rs0:PRIMARY> rs.conf() 3.主节点降级为从节点: rs ...
- nhibernate Stuty
https://blog.csdn.net/u010371458/article/details/8995166 翻译版 https://wenku.baidu.com/view/46fa56cea1 ...
- 认识Redis持久化
一:为什么需要持久化 因为Redis是一个完全使用内存来存储数据的数据库,如果机器突然断电.服务器重启或进程挂掉了等等原因,那么存储在Redis中的数据就会丢失,从而引起业务的损失.为了保证存储在内存 ...
- Leetcode之动态规划(DP)专题-64. 最小路径和(Minimum Path Sum)
Leetcode之动态规划(DP)专题-64. 最小路径和(Minimum Path Sum) 给定一个包含非负整数的 m x n 网格,请找出一条从左上角到右下角的路径,使得路径上的数字总和为最小. ...