javaScript 基础学习笔记
边看视频和书记得有点杂。
1.插入JS标签
一种是在文档中插入<script></script>标签。另一种是把javaScript代码放在.js文件中。放在head中如。
<script src="file.js"></script>
放在body中也可以,JavaScript作为一种脚本语言,可以放在HTML文件中任何的位置,但是浏览器解释HTM时顺序是按先后顺序的。前面的script就先执行。比如页面进行初始化的时候解释必须放在head中,因为初始花的都要求提前执行(如给页面设置css等)。如果执行事件调用,对位置就没有什么要求。
2.零碎注意
①;可以不写,知道就行但是必须写,不写编译易出错。
② 注释和java一样 ,HTML注释也可以不用-->结束但是只能用作单行注释。
③需要转义的字符
| 代码 | 输出 | |
| \\ | \ | |
| \' | ' | |
| \" | " | |
| \n | 换行 | |
| \t | 制表 |
④null代表空置 undefined 意味着没有值 没有复制就返回这个 NAN 表示非数字 通常返回表示数字运算存在错误。
⑤绝对相等
在JavaScript中最好使用绝对相等。判断数字、字符串、或者布尔型、等类型和值是否完全相等。只需要在==、!=末尾加一个=就可以。
⑥真值和假值 除了 false, null ,undefined ,0 ,NAN ," ",之外的全是真值。
⑦返回值 函数的返回值可以存储在变量中或整个程序期间作为参数使用。
3.变量
语法 var 变量名
变量名可以任意区但是有以下规则,必须以字母下划线$开始,可以用任意多个字母下划线。但是不能用JavaScript关键字和JavaScript保留字。
要先声明再赋值例子如下
var mychar;
mychar="javaScript";
var mynum=6;
//也可重复赋值
var mychar ;
mychar="javaScript";
mychar="hello";
在JavaScript中区分大小写 mychar和MYchar是完全不同的。 var 可以声明也可以不声明,但是呢,知道什么叫做全局变量和局部变量吧。不声明会变成全局变量,能把你的程序搞懵逼。
4.if else 语句
这个很简单例子
<script type="text/javascript">
var age=18;
if(age>=18){
document.write("成年");
}else{
docunment.write("未成年")
} </script>
5.函数
如果需要多次使用同一段代码,可以把它们封装成一个函数。每个函数其实就是一个短小的脚本。
例子
function shout(){
var beatles =Arry{"老大","老二","小三"};
for(var i=0;i<beatles.length;i++){
alert(beatles[i]);
}
}
例子2调用函数
<script>
var a=5;
var b=6;
function add2(){
var sum;
sum=a+b;
alert(sum);
}
add2();
</script>
<form>
<input type="button" value="点我啊" onclick="add2()">
</form>

6.输出内容
我学了几个输出的方法
①直接输出 document.write("string");
②通过输出变量来输出内容 document.write(变量);
③输出多项内容用+号链接
var a="hello";
var b="name";
document.write(a+b);
我在控制台输出了 你没有空格 就会连在一起。

页面输出也是这个样子
④ 输出HTML标签
var a="hello";
var b="name";
document.write(a+"<br>");document.write(a+"<br>");
7.警告
语法 alert 字符串和变量);
例子
<script>
var mynum=30;
alert("hello!");
alert(mynum);
</script>
实例图片

8.确认 (confirm 消息对话框)
语法 confirm (str);
str :在消息对话框中需要显示的文本。
返回值:booblean值;
当用户点击确定返回true 当用户点击取消返回false;
例子
var mymessage=confirm("你喜欢我吗?");
if (mymessage===true){
document.write("么么哒 (*  ̄3)(ε ̄ *) ");
}else {
document.write("你走开!!");
}
图片


9.提问。(prompt 消息对话框)
语法 prompt(str1,str2)
str1,要显示在消息对话框中的文本,不可修改
str2,文本框中的内容可以修改
例子
var myname=prompt("请输入你的名字","例如张三");
if (myname!=null) {
alert("你好啊"+myname);
}else {
alert("你确定输入正确?");
}


10.打开新窗口
语法 window.open([URL],[窗口名],[参数字符串])
①URL 在窗口中要显示的网页路径 如果省略窗口将不显示任何文档。
②窗口名 由字母数字下划线字符组成。_blank:在新窗口显示目标网页
_self:在当前窗口打开目标网页
_top:框架网页中在上部窗口显示目标网页
③参数字符串,可选参数,设置窗口参数,各参数用逗号隔开。具体值
(从慕课网找的。。。)
例子
window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

11.关闭窗口 (window.close)
var mywin=window.open('http://www.baidu.com'); //将新打的窗口对象,存储在变量mywin中
mywin.close();
语法 window.close//关闭本
<窗口对象>.close//关闭指定
12.数组
定义①知长度 var beatles=Array(4);②不知长度 var beatles=Array();③向数组中添加元素 array[0]="1";④声明全过程。 var web=["百度",“腾讯”,“阿里”];//还有别的声明我就不说了
数组的元素也可是变量 var name="小胖"; list[0]=name;
数组元素也是另一个数组的元素,也可是另一个数组。
关联数组
var rota=Array();
rota["name"]="小胖";
rota["class"]="三年级一班";
下表是字符串
数组属性
push 你可以使用push()方法向数组的末尾处添加元素
返回的是数组中元素的个数;
pop 可以删除数组末尾的元素。
返回的是删除的元素值
splice可以在数组的任意位置添加元素

第一个1是要插入位置的下表 第二0是要删除的个数,后面就是要插入的元素值。
13.三元运算
例子
var win=true;
var color=win?"green":"rad";
console.log(color);

14对象。
每个对象的值都是对象的一个属性,用点获取属性。
例子
var lennon=Object();
lennon.name="小胖";
lennon.year=;
console.log(lennon.name);
//便捷的定义对象
var lennon={
name="小胖";
year=1999;
}

javaScript 基础学习笔记的更多相关文章
- JavaScript基础 学习笔记
参考资料 视频链接:https://www.bilibili.com/video/BV1Sy4y1C7ha?spm_id_from=333.999.0.0 菜鸟教程:https://www.runoo ...
- Javascript基础学习笔记
什么是变量?变量是用于存储信息的容器变量的声明语法: var 变量名 变量名 = 值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头:变量也能以$和_符号开头(不过我们不推荐这么做 ...
- JavaScript基础学习笔记整理
1.关于JS: (1)脚本语言——不需要编译的语言(常见有cmd,t-sql)----解释性语言; (2)动态类型的语言——1.代码只有执行到那个位置才知道那个变量中存储的是什么 2.对象中没有某个属 ...
- JavaScript正则表达式学习笔记(二) - 打怪升级
本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...
- javascript正则表达式 - 学习笔记
JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...
- handlebars.js基础学习笔记
最近在帮学校做个课程网站,就有人推荐用jquery+ajax+handlebars做网站前端,刚接触发现挺高大上的,于是就把一些基础学习笔记记录下来啦. 1.引用文件: jquery.js文件下载:h ...
- 【C#编程基础学习笔记】4---Convert类型转换
2013/7/24 技术qq交流群:JavaDream:251572072 教程下载,在线交流:创梦IT社区:www.credream.com [C#编程基础学习笔记]4---Convert类型转换 ...
- 【C#编程基础学习笔记】6---变量的命名
2013/7/24 技术qq交流群:JavaDream:251572072 教程下载,在线交流:创梦IT社区:www.credream.com [C#编程基础学习笔记]6---变量的命名 ----- ...
- 1.C#基础学习笔记3---C#字符串(转义符和内存存储无关)
技术qq交流群:JavaDream:251572072 教程下载,在线交流:创梦IT社区:www.credream.com ------------------------------------- ...
随机推荐
- 每天一个linux命令(50)--date命令
在Linux环境中,不管是编程还是其他维护,时间是必不可少的,也经常会用到时间的运算,熟练运用date 命令来表示自己想要表示的时间,肯定可以给自己的工作带来诸多方便. 1.命令格式: date [参 ...
- 每天一个linux命令(34)--top命令
今天给领导发邮件,我这边虽然显示发出去了,但是他那边一直没收到,结果我以为我发了,他又一直在那边等结果.所以说,以后要另外发个信息或者QQ微信之类的说一声. top命令是Linux 下常用的性能分析工 ...
- flex布局应用于踩坑
一.预告 本文不是一篇入门的文章所有请符合以下条件的战斗人员绕道: 1.初学前端,对前端的传统布局还不是很熟悉的人 2.后端人员对前端不打算深入学习的同学 二.开篇 flex布局原本是好几个月前就一直 ...
- 项目架构开发:数据访问层之Cache
数据访问层简单介绍 数据访问层,提供整个项目的数据访问与持久化功能.在分层系统中所有有关数据访问.检索.持久化的任务,最终都将在这一层完成. 来看一个比较经典的数据访问层结构图 大概可以看出如下信息 ...
- Filebeat issue 排查--single.go:140: ERR Connecting error publishing events (retrying): dial tcp ****:5044: i/o timeout
我个人用docker搭建了一套日志分析平台:ELK+Filebeat 在正常跑了半个多月之后,Kibana刷新日志时突然发现日志不在更新了,停在某个时刻,就再也没有新log. 首先我查看了elk,lo ...
- 前端总结·基础篇·JS(一)五大数据类型之字符串(String)
前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(二)补充 前端总结·基础篇·JS(一)五大数据类型之字符串(String) 目录 这是& ...
- Effective c++ Item 28 不要返回对象内部数据(internals)的句柄(handles)
假设你正在操作一个Rectangle类.每个矩形可以通过左上角的点和右下角的点来表示.为了保证一个Rectangle对象尽可能小,你可能决定不把定义矩形范围的点存储在Rectangle类中,而是把它放 ...
- 第36篇 Asp.Net源码解析(一)
上面两篇文章说了http协议和IIS处理,这次说下当IIS把请求交给Asp.net后的过程. AppManagerAppDomainFactory 当IIS把请求交给asp.net时候,如果AppDo ...
- 安全体系(二)——RSA算法详解
本文主要讲述RSA算法使用的基本数学知识.秘钥的计算过程以及加密和解密的过程. 安全体系(零)—— 加解密算法.消息摘要.消息认证技术.数字签名与公钥证书 安全体系(一)—— DES算法详解 1.概述 ...
- vim 括号自动补全
来源:http://www.cnblogs.com/huanlei/archive/2012/04/02/2430153.html 有时要重新配置vim 的,所以收藏了: inoremap ( ()& ...