JavaScript基础-01
1. Javascript是一门动态的、弱类型的、解释型的脚本语言
动态:数据类型在运行时决定
弱类型:变量数据的类型不是确定的,可以随意的进行改变;
解释型:相对编译型来说,编译型计算机在执行之前需要把程序进行编译,完事之后才执行。解释型,不需要编译和链接,直接解释执行;
2. JS作用:运用在浏览器端,处理用户的输入实现交互系统。JS是一门基于web浏览器、解释执行、轻量级编程语言。
3. javascript开始负责表单验证(仅仅是负责表单验证)
如果没有js,那么网页的表单验证需要通过网络传输数据去服务器进行验证,占用带宽资源太严重,并且用户体验效果不好;
4. Javascript的组成部分
ECMAscript 语言规范,语言标准化,负责js的语法部分
DOM document object model 文档对象模型 (操作元素)
BOM browser object model 浏览器对象模型 (操作浏览器)
5. <!-- JS代码需要编写到script标签中-->
<script type="text/javascript">
// 控制浏览器弹出一个警告框
alert("这是我的第一个JS代码")
</script>
6. <script type="text/javascript">
// document.write()可以向body中输出一个内容
document.write("文档流")
</script>
7. <script type="text/javascript">
// 向控制台输出一个内容
console.log("向控制台输入")
</script>
8. <body>
<!--虽然可以写在标签属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用-->
<!--点击按钮时才会出现警告框-->
<button onclick="alert('点我一下');">点我一下</button>
<!--可以将js代码写在超链接的href属性中,当点击超链接时,就会执行js-->
<a href="javascript:alert('不要点');">点一下</a>
</body>
9. 写在外部文件中,使不同网页同时引用,也可以利用浏览器的缓存机制推荐使用的方法
<script type="text/javascript" src="new.js"></script>
script标签一旦用于引入外部文件,就不能再编写代码,即使写了,浏览器也会忽略。只能再写一个。
10. js的三种书写位置及优缺点
内嵌式 用的比较多,一般写项目初期都回内嵌,最后变为外链
外链式 里面不能写其它代码,外链以后几乎全是外链
行内式 局限性比较大,只能对事件进行书写js,问题也很大,做不到结构和行为分离;
11. js的注释:单行注释://;多行注释:/* */
Js区分大小写
Js中每一条语句以分号(;)结尾,不写浏览器会自动添加,但会消耗一定资源。必须写
Js会自动忽略多个空格和换行
12. 字面量和变量
变量:可以变化的量
字面量:不可以改变的量,可以直接使用,一般不会直接使用。
13. 定义变量使用 var关键字来声明一个变量,先定义后使用,定义好之后,可以给变量赋值(存值)
如果定义变量不使用var,那么变量必须要赋值,不赋值报错未定义;
建议,我们在使用的时候,都带上var去定义变量。
14. 标识符
变量的命名规范(组成,大驼峰,小驼峰,下划线)
变量的名字由:数字 字母 下划线 以及 $组成
不能以数字开头
不能和关键字以及保留字同名
变量名我们一般要见名思意,使用驼峰命名法,一般使用小驼峰命名法。
大驼峰:变量名所有的单词首字母大写 Var ClassNumber
小驼峰:变量名第一个单词首字母小写,其它的大写 var ClassNumber
前端人员最常用的是这个,只有特定情况用大驼峰;
下划线:单词和单词之间用下划线连接 var class_number
javascript的关键字
|
break |
continue |
do |
for |
in |
return |
throw |
var |
|
case |
default |
else |
function |
instanceof |
switch |
try |
Void、with |
|
catch |
delete |
finally |
if |
new |
this |
typeof |
while |
javascript的保留字
|
abstract |
char |
class |
export |
float |
import |
int |
|
boolean |
const |
debugger |
extends |
goto |
interface |
native |
|
byte |
double |
enum |
final |
implements |
long |
package |
|
private |
protected |
public |
short |
static |
super |
synchronized |
|
throws |
transient |
volatile |
JavaScript基础-01的更多相关文章
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javaScript基础-01 javascript语法结构
一.基础 字符集 JavaScript程序是用Unicode字符集编写的. .区分大小写 .空格.换行符和格式控制符 .Unicode转义序列 .标准化 二.类型.值和变量 JavaScript的数据 ...
- JavaScript基础入门 - 01
JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写JavaScript代码, ...
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- JavaScript基础第01天笔记
JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...
- JavaScript基础系列目录(2014.06.01~2014.06.08)
下列文章,转载请亲注明链接出处,谢谢! 链接地址: http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E ...
- 初识 Javascript.01 -- Javascript基础|输出方式、变量、变量命名规范、数据类型、
Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司 研发出世界上第一款浏览器. 95年 sun公司 java语言诞生 网景公司和su ...
- 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】
一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使 ...
- JavaScript基础:数据类型的中的那些少见多怪
原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...
随机推荐
- P5198 [USACO19JAN]Icy Perimeter S (洛谷) (水搜索)
同样是因为洛谷作业不会写…… 写(水)博客啦. 直接放题目吧,感觉放在代码框里好看点 Farmer John要开始他的冰激凌生意了!他制造了一台可以生产冰激凌球的机器,然而不幸的是形状不太规则,所以他 ...
- 五大高效的PDF文件搜索引擎
当你花了半个多小时在线搜索PDF文档,却发现您找到的文档都不是您需要的PDF格式.如前说述,您可以先打开PDF文档查看是不是PDF格式的,然后再到web浏览器中下载该文档.那么,为了确保您获得的文档是 ...
- react实战 : 用矩阵思想做一个自适应布局容器组件
需求是这样的. 有一个需要显示若干方块型元素的小区域 数量比较少的时候显示一排 数量比较多的时候显示两排 用 grid 不好,因为当数量为奇数的时候需要两排里面的元素都乖乖的居中显示. 用 flex ...
- linux : 新服务器部署项目要做的事
环境:阿里云服务器两台,一台web,一台db,系统centos7. 用户用外网访问web server ,web server 再去访问db server. 1 阿里云控制台进入系统2 SSH进入系统 ...
- 猴子吃桃问题之《C语言经典案例分析》
猴子吃桃问题之<C语言经典案例分析>一.[什么是猴子吃桃] 猴子吃桃问题:猴子第一天摘下若干个桃子,当即吃了一半,还不过瘾,又多吃了一个.第二天早上又将第一天剩下的桃子吃掉一半 ...
- P3756 [CQOI2017]老C的方块
题目链接 看到网格图+最优化问题,当然要想黑白染色搞网络流.不过这道题显然无法用黑白染色搞定. 仔细观察那四种图形,发现都是蓝线两边一定有两个格子,两个格子旁边一定还有且仅有一个格子.因此我们可以这么 ...
- 题解 CF576D 【Flights for Regular Customers】
对每条边来说,可以走这条边的限制解除是按\(d\)的顺序,所以先对每条边按\(d\)排序. 然后考虑每两条边之间的处理,用一个矩阵表示当前走\(d\)步是否可以从一个点到另一个点,称其为状态矩阵,用另 ...
- js 从目标数组中过滤掉 一个数组元素,
标题描述的有点僵硬,大概需求是,从目标数组中过滤掉我想要删除的元素集合,这里使用的是遍历+过滤器的组合,很方便,做个笔记! let old = ["AE_CN_SUPER_ECONOMY_G ...
- Bug--WARN Please initialize the log4j system properly.
log4j:WARN No appenders could be found for logger (org.apache.ibatis.logging.LogFactory). log4j:WARN ...
- Windows下使用图形化mount挂载磁盘到文件夹
Windows上也有类似于Linux上的mount命令,至于mount是什么: mount是Linux下的一个命令,它可以将分区挂接到Linux的一个文件夹下,从而将分区和该目录联系起来,因此我们只要 ...