web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程
1、JavaScript基础教程
1.1、Javascript基础-介绍、实现、输出
1.1.1、JavaScript是互联网上最流行的脚本语言，这门语言可用于web和HTML，更可广泛用于服务端、pc端、移动端。
1.1.2、JavaScript脚本语言
JavaScript是一种轻量级的编程语言
JavaScript是可插入HTML页面的变成代码
JavaScript插入HTML页面后，可由所有的浏览器执行
1.1.3、JS用法：
HTML中的脚本必须位于<script></script>标签之中
脚本可被放置在HTML页面的<body><head>部分中
1.1.4、JS标签：
在HTML中插入JavaScript，使用<script>标签
在<script></script>之间书写代码
1.1.5、JavaScript使用限制
在HTML中，不限制脚本数量
通常会把脚本置于<head>标签中，以不干扰页面内容。
1.1.6、JavaScript输出
JavaScript通常用来操作HTML
文档输出：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="test.js"></script>
<script>
document.write("JS在上面的一句话");
</script>
</head>
<body>
<p id="pid">hello</p>
<div>
div1
</div>
<script>
document.write("JS在中间的一句话");
document.getElementById("pid").innerText = "jikexueyuan";
</script>
</body>
</html>
1.2.1、分号：
注意：分号是可选项，有时候可以看到不以分号隔开的。
1.2.2、执行顺序：
按照编写顺序依次执行
1.2.3、标识符：
JavaScript标识符必须以字母、下划线或美元符号开始
JavaScript关键字
1.2.4、JavaScript对大小写敏感
1.2.5、JavaScript会忽略掉多余的空格
1.2.6、保留字
1.2.7、注释和C++注释方法一样
//、/**/
1.3、Javascript基础-变量和数据类型
1.3.1、变量是用来储存信息的容器
1.3.2、JavaScript数据类型
字符串（string）
数字（Number）
布尔（Boolean）true、false
数组（Array）
对象（Object）
空（null）
未定义
可以通过赋值为null的方式来清除变量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = 10;
var j = 10;
var k = i + j;
document.write(k);
/*这里的k是20*/
</script> <script>
var arr = ["hello","jike","xueyuan","women"];
var arr2 = new Array("hello","jike","xueyuan","women");
document.write("<br/>"+arr+"<br/>");
/*输出arr数组内全部的变量*/
document.write(arr2+"<br/>"); // var arr3[4] = ["hello","jike","xueyuan","women"];
/*上面这句代码有问题，说明不能用var定义固定长度的数组*/
// document.write(arr3[3]+"<br/>"); var n = null;
document.write(n);
/*上面这一句不是什么都不输出，会写一个null字符串*/ arr = null
document.write(arr); </script> </body>
</html>
web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程的更多相关文章
- web前端－－知识点，笔记叠加（javascript,jquery,html5+css3.0,ajax）
函数传参列表,获取方法arguments的使用 function arg(){ var str = '总共传了'+arguments.length+'个参数\n'; for(var i=0;i< ...
- Web前端与移动开发学习路线图
文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ...
- 想做web前端project师应该学习些什么？
偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...
- 最全的WEB前端开发程序员学习清单
史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ...
- web前端开发控件学习笔记之jqgrid+ztree+echarts
版权声明:本文为博主原创文章,转载请注明出处. 作为web前端初学者,今天要记录的是三个控件的使用心得,分别是表格控件jqgrid,树形控件ztree,图表控件echarts.下边分别进行描述. ...
- 2022年Web前端开发流程和学习路线（详尽版）
前言 前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理.理论上,面向用户的产品里,所有问题(包括产品.设计.后端.甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题 ...
- 史上最全的web前端开发程序员学习清单！
今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我回答过无数次这种问题了,但是问这个的还是有 ...
- WEB 前端模块化，读文笔记
文章链接 WEB 前端模块化都有什么? 知识点 根据平台划分 浏览器 AMD.CMD 存在网络瓶颈,使用异步加载 非浏览器 CommonJS 直接操作 IO,同步加载 浏览器 AMD 依赖前置 req ...
- Web前端开发最佳实践（12）：JavaScript代码中有大量写死的配置数据？这些数据难以维护，你需要合理组织这些数据
前言 JavaScript代码基本上都是由业务逻辑和数据组成的,逻辑代码根据数据完成一定的操作.很多数据在代码中是写死的,比如一些URL.显示在界面上的提示信息.页面元素相关的样式值及其他使用到的固定 ...
- Web前端开发最佳实践（10）：JavaScript代码不好读，不好维护？你需要改变写代码的习惯
前言 这篇文章本应该在上一篇文章:使用更严格的JavaScript编码方式,提高代码质量之前发布,但当时觉得这篇文章太过基础,也就作罢.后来咨询了一些初级的开发者,他们觉得有必要把这篇文章也放上来.尽 ...
随机推荐
- 解决编译GCC内存不足的错误
近期在使用阿里和腾讯的云服务器,由于只是测试用所以只租用了廉价512的内存,在编译gcc时遇到错误,表面上看只是编译错误,并且原因不明,纠结了几次之后猜测应该是由于系统资源不足导致的,所以尝试增加系统 ...
- python 模拟键盘输入
备忘录 import win32api import win32con win32api.keybd_event(17,0,0,0) #ctrl键位码是17 win32api.keybd_event( ...
- 嘴巴题7 BZOJ1426: 收集邮票
Time Limit: 1 Sec Memory Limit: 162 MB Submit: 546 Solved: 455 [Submit][Status][Discuss] Description ...
- [JZOJ5229]【GDOI2018模拟7.14】小奇的糖果
题目 题目大意 在一个二维的平面上,有一堆有颜色的点,你需要找出一条水平线段,使得这个线段上面(或者是下面)的点的颜色不包含所有的颜色.问点数最大是多少. 思考历程 在一开始,我看错了题目大意. 题目 ...
- JZOJ5966【NOIP2018提高组D2T3】保卫王国（并查集）
题目 还是懒得把题目放上来了. 大意:给你一棵带点权的树,你要花费一些代价选择一些点使得相邻的两个点至少有一个被选. 然后有很多个询问,每个询问强制两个点的状态,问强制了这两个点的状态后的方案. 比赛 ...
- transform函数
C++学习[原创]transform函数的应用 transform(first,last,result,op);//first是容器的首迭代器,last为容器的末迭代器,result为存放结果的容器, ...
- vue.js_01_vue.js的入门
1.什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于 ...
- ac68u、r8500 梅林固件扩展为一个小型 linux 系统
事先刷 merlin 固件 1.安装 Entware 在安装之前,你需要在路由器中插入一个 U 盘,并将其格式化为 Ext3 / Ext4 格式,插上后在 /mnt/ 下应会多个 sda 设备出来 e ...
- 开方运算的DSP实现
//=============================================== //函数名:VSqrt3 //功能: 实现对32位定点数的开方 //性能: 60M主频28015 ...
- 关于JVM调优
JVM调优主要是针对内存管理方面的调优,包括控制各个代的大小,GC策略.由于GC开始垃圾回收时会挂起应用线程,严重影响了性能,调优的目是为了尽量降低GC所导致的应用线程暂停时间. 减少Full GC次 ...