JavaScript基本使用
基本使用
1.JavaScript组成
ECMAScript+BOM+DOM
BOM的思想(重点)
DOM的思想(重点)
2.使用<script></script>标签
document.write方法
原样输出标签
3.注释
单行注释 //
多行注释 /* */
4.使用引入js文件的方式
<script type="text/javascript" src="demo1.js" />; 不可以使用单标签
<script src="demo1.js">alert('xxxx')</script>; 不可以在标签中写代码
5.<script>标签的属性
src 表示要引入的外部文件
type 表示脚本语言的类型
6.常量(字面量)
相对于变量来说,常量是不会改变的,我们可以把JS中的数据值理解为常量,例如1就是数字1,不可能变成其它的,所以它就是常量 每一个具体的数据类型都是常量.
7.变量
顾名思义,变量即可变的量,在JS中我们使用var 关键词来定义一个变量,而变量存储的值可以改变的 值是可以改变的。
在ES6中定义变量使用的是let。
JS中变量本身没有什么意义,仅仅是一个名字而已变量只是一个无意义的名字,我们操作变量其实想要操作的都是它存储的那个值。值不可以变,变量只能代表一个值。
var age = 18;
var weight = 108;
var name = "尹涛";
//尹涛的年龄是18,体重是108 //多个变量跟字符串连接的时候,使用+号
document.write(name+"的年龄是"+age+",体重是"+weight+"<br>");
7.命名规则
一个名字可以由多个有意义的单词组成的,那么第一个单词首字母小写,其余每一个有意义的单词的首字母都要大写
切记:命名的时候要使用英语,千万不能使用拼音。还要注意一点,那就是不是所有的单词都需要简写,我们必须保证别人在看到你命名的名字之后知道是什么意思。要做到“见字知意”。
8.变量的类型
String、Number、Array、Object、
Boolean a==b
特殊类型 Null、Undefined
如果alert(abc)一个不存在的变量,会直接报错,而不是undefined,可见undefined和真正的未定义还是有些区别的。因为它是一种特殊类型。
null也是一种值,但逻辑含义是没有值,它是对象Object类型
typeof关键字
9.变量的计算
加减乘除运算
var a=5+4; var b=a*2; var c=b/4; var d=b-c;
var e=-d; var f=e%4; var g=18.4; var h=g%4;
var i=3; var j=i++; var k=++i;
字符串和变量的拼接
document.write("姓名:"+name+","+"age:"+age);
所有的语句切记要加;结束,虽然不写语法上正确,但这是非常不好的编程习惯
10.关键字
break |
else |
new |
var |
case |
finally |
return |
void |
catch |
for |
switch |
while |
continue |
function |
this |
with |
default |
if |
throw |
|
delete |
in |
try |
|
do |
instanceof |
typeof |
11.保留字
abstract |
enum |
int |
short |
boolean |
export |
interface |
static |
byte |
extends |
long |
super |
char |
final |
native |
synchronized |
class |
float |
package |
throws |
const |
goto |
private |
transient |
debugger |
implements |
protected |
volatile |
double |
import |
public |
12.类型的转换
var a=3; var b="10"; var c=true;
alert(a+b); alert(b+c); alert(a+c);
字符串转换数字类型:parseInt()、parseFloat()
四舍五入Math.round(78.266)--->78
13.赋值操作
n =、+=、-=、*=、/=、%=
14.关系运算
n <、>、<=、>=、==、===、!=
15.逻辑运算
n && 与、|| 或、! 否
16.自增、自减
n ++a, a++
n --a, a--
JavaScript基本使用的更多相关文章
- JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收
执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- 《Web 前端面试指南》1、JavaScript 闭包深入浅出
闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
- 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
随机推荐
- php学习之Model类
<?php $config = include 'config.php'; //引入数据库配置文件 $model = new Model($config); //测试案例 // $saveDat ...
- 生成要发送到社区的内核补丁时如何指定发布的版本号(v2,v3...)?
1. 生成一个补丁 git format-patch --subject-prefix=v2 -1 那么生成的patch文件就会有如下类似的信息: Subject: [v2] your descrip ...
- multiprocessing.Pool报pickling error
multiprocessing.Pool报pickling error 现象 multiprocessing.Pool传递一个普通方法(不在class中定义的)时, 能正常工作. from multi ...
- setInterval、clearInterval的回调函数,实现函数间调用的先后顺序
定义: var waitUnitil=function (untillCallBack, nextStepCallBack, count) { if (count == null) { count = ...
- labelme
项目:https://github.com/wkentaro/labelme?tdsourcetag=s_pcqq_aiomsg 说明:https://www.bilibili.com/video/a ...
- .net断点续传
IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头. 一. 两个必要响应头Accept-Ranges.ETag 客户端每次提交下载请求时,服务 ...
- Python字符串逐字符或逐词反转方法
Python字符串逐字符或逐词反转方法 这篇文章主要介绍了Python字符串逐字符或逐词反转方法,本文对逐字符或逐词分别给出两种方法,需要的朋友可以参考下 目的 把字符串逐字符或逐词反转过来,这个蛮有 ...
- Nginx使用默认配置启动异常处理
Ps1:错误问题:nginx: [error] OpenEvent("Global\ngx_reload_5988") failed (2: The system cannot f ...
- 【ARM-Linux开发】wubi.exe安装Ubuntu14.04出现为/检查磁盘时发生严重错误的解决方法
原文:http://jingyan.baidu.com/article/0aa22375bbffbe88cc0d6419.html 我写过一篇叫做 如何硬盘装麒麟系统 的经验,介绍了如何不使用优盘的情 ...
- CentOS7.3安装Python3.6
安装python3.6可能使用的依赖 # yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sql ...