JavaScript基础认知
此文只适用于初学者,大神们就不要看了,嘿嘿~
一、定义变量
关键字 var,由此关键字定义变量,例如:var a =21;就把21这个数定义给了变量a
二、基本数据类型
1、Number类型 表示数字,例如:10,3.14;
var number = 10;
alert(number);
2、String类型 表示字符串
var string = ‘hello’;
alert(string);
·注意:等号后面必须有单引号或双引号。
3、Boolean类型 布尔类型,用来表示真假 true false
var b1 = true;
var b2 = false;
alert(b1);
4、Object 对象类型(了解)
var obj = new Object();
alert(typeof obj);
三、用户交互&代码调试的5绝杀
用户界面交互基本操作是警告,提示和确认。
代码调试:
1、alert(Message); 消息窗口,也叫作模态窗口
var c = 0;
alert(c);
这两句JS代码便会在页面刷新时 ,出现提示框,提示框的内容为“0”;
2、prompt(提示信息); 该提示框会出现用户可以输入的窗口,类似于input中的text属性。
var name = prompt('请输入姓名');
alert(name);
3、confirm 跟alert差不多,就是多了个取消
confirm('下课不?');
4、console.log 这个不是在网页上提示,而是在开发者工具中的控制台中输出
var a =100;
console.log(a);
会在控制台上出现“100”这个数
5、document.write 将内容写入到html文件中
document.write('这是一个大千世界,啥货都有');
四、算数运算符
算数运算
alert(5+5);
alert(10-3);
alert(5*6);
alert(10/2);
求余运算: alert(10%3);
+号对字符串的作用
alert('hello'+' word');//拼接
alert('2'+1);
-号对字符串的影响
alert('5'-3);// 2
自增,自减运算符 ++ --
var a = 10;
a++;//相当于a = a + 1;
++a;
alert(a);
var b = 10;
b--;
--b;
alert(b);
当++ -- 不是单独出现的时候
var a = 10;
var number = a++;// ++ 在后,先赋值,在自增;++ 在前,先自增,在赋值。
alert(a);
alert(number);
复合运算符
+= -= *= /= %=
var a = 10;
a = a + 5;
a += 5;
alert(a);
a = a / 3;
a /= 3;
alert(a);
a = a % 3;
a %= 3;
alert(a);
五、元素的获取
<body>
<p id="para">这就是P标签</p>
<p class="praa">通过类名获取元素</p>
<p class="praa">通过类名获取元素</p>
<p class="praa">通过类名获取元素</p>
<script type="text/javascript">
//1.通过id获取元素
// var para = document.getElementById('para');
// //修改元素的样式
// para.style.color='red';
// //2.通过类名获取元素
var praa = document.getElementsByClassName('praa');
//修改集合中第一个元素的样式
praa[0].style.color = 'blue';
praa[1].style.color = 'yellow';
praa[2].style.color = 'orange';
praa[1].style.color = 'green';
//3.通过标签名获取元素
// var paar = document.getElementsByTagName('p')
// paar[0].style.color = 'green';
六、一些细节:
script标签放在底部的好处:
虽然理论上放在哪里都是可以的,但是对于前端页面优化来说,放在底部最佳,如果js执行出错,最起码页面中的元素还能加载出来,因为文档是按照从上到下的顺序执行的。
变量名:(自定义的,1、不能以数字开头,可以是字母/_/$/。2、不能使用系统保留字。3、大小写敏感,多个单词采用驼峰命名法{var className=21;}。4、见名知意。5、不能出现空格)
JavaScript基础认知的更多相关文章
- javascript基础修炼(8)——指向FP世界的箭头函数
一. 箭头函数 箭头函数是ES6语法中加入的新特性,而它也是许多开发者对ES6仅有的了解,每当面试里被问到关于"ES6里添加了哪些新特性?"这种问题的时候,几乎总是会拿箭头函数来应 ...
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
随机推荐
- QTP参数化
使用QTP可以通过将固定值替换为参数,扩展测试范围,可以提高测试的灵活性. 在QTP中,我们可以对以下部分进行参数化: 1.对象属性参数化 2.对象名称的参数化 3.对象方法的参数的参数化
- 时间--cd //lastyear
夏木, 天堂里面有没有车来车往,就像当年南京 街头的喧嚣,我知道即使繁华一片,仍是无法填补你心头无底洞般的孤独! 只是因为在人群中多看了你一眼再也无法忘掉你容颜 是不是真的可以一醉解千愁 爱要怎么说出 ...
- Ax 导出EXCEL给范围内的每个单元格加边框
1. 首先在Class\SysExcelRange加画边框的方法 思路用EXCEL录宏的功能得到给一批单元格画格子的VBA代码,在AX将对象转为COM对象,基本VBA代码也能装为AX内能用的内容. p ...
- Effective objective-c 2.0阅读笔记
这本书非常的好,看完后,感触挺深,总结纪录一下,针对ios开发的备忘: 注:分类和原著有些不同,自己总结学习用的,仅供参考. 系统篇: 了解oc起源:继承c,由Smalltalk演化而来.动态语言 ...
- CACTI表结构和数据被动获取
cacti我们也用了很久了,但是它的表结构一直都没有去关心过,得空抽了半个晚上的时间,把它的库表结构大概看了下,某些字段的含义跟大家分享下:cacti的数据都是存放在rrdtool中的,数据库存放的其 ...
- Broadcom以太网交换芯片培训
目录 1.交换芯片架构....................................................................................... ...
- GPS开发之知识储备(NMEA0183)
GPS是英文Global Positioning System(全球定位系统)的简称. NMEA0183(http://files.cnblogs.com/files/libra13179/NMEA0 ...
- java修改图片大小
import java.awt.Image; import java.awt.image.BufferedImage; import java.io.BufferedInputStream; impo ...
- IO调度算法
简介: 当向设备写入数据块或是从设备读出数据块时,请求都被安置在一个队列中等待完成. 每个块设备都有它自己的队列. I/O调度程序负责维护这些队列的顺序,以更有效地利用介质.I/O调度程序将无序的I/ ...
- kafka生产消息的速度跟什么有关?
kafka的吞吐量很大,在保证带宽的情况下,网上的一些测试表明3台broker,没有replication,6个partition的情况下,一般的写入速度可以达到300MB/s.参考:kakfa测试 ...