javascript基础01

Javascript能做些什么?

给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等。

如实现到轮播图、拖拽、放大镜等,而动态的数据就好比不像没有js页面一样,把全部内容都

写在页面一股的加载到页面上,而是达到某个条件才把需要的内容加载进去,如瀑布流图片,

动态的标签,就好比一个聊天框,你一条话语,别人一条话语,而这些语段都被标签包住,让后

添加到页面,动态样式就如轮播图的现实效果,我们都知道css实现轮播图是margin或别的属性

让图片运动起来,而动态样式就可以不断改变这个样式,让图片轮播起来。

什么是javascript?

avascipt是一种脚本语言,由web浏览器进行解释和执行。

javascript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:

1、ECMASript,由ECMA-262定义,提供核心语言功能;

2、DOM提供访问和操作网页内容的方法和接口;

3、BOM提供与浏览器交互的方法和接口

怎样将Javascript应用到网页中?

方法一:将javascript代码插入html文档<head>部分的<script>标签中

方法二:将javascript代码存放在一个独立的文件。

JavaScript - 语法

ECMAScript的语法大量借鉴了C及其他类C语言(如Java和perl)的 语法。

一、变量

1.变量由 var 运算符加变量名定义。

var age = 25;
var mood = ‘happy’;

2.变量名命名规则:

第一个字符必须是字母、下划线(_)、或美元符号 ($);

变量名中不能包含空格或标点符号(下划线(_) 和$ 除外);变量名区分大小写;

不能使用保留字、关键字

为了让变量名有更好的可读性,可以在变量名中适当的插入下划线分隔,

var my_mood = ‘happy’;

3.严格模式:

"use strict"

它是一个编译指示

严格模式下,javascript的执行结果会有很大不同,支持严格模式

的浏览器包含IE10+、Firefox4+、Opera12+、chrome

如:

var aaa;   //这个没问题

aaa   //这个在严格模式下会报错

扩展:

鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型---typeof

六种类型:undefined、boolean、string、number、object、function。

object有: 对象、数组、null、函数

从技术的角度上,函数是对象,不是一种数据类型,但函数有一些特殊属性,因此通过typeof操作符区分函数和其他对象是有必要的。

关于浮点数值计算会产生舍入误差的问题,有一点需要明确:这是使用基于IEEE754数值的浮点数计算的通病,其他使用相同数值格式的语言也存在这个问题 


所以使用小数点精确度会出现偏差

如:

结果:

所以在使用小数点的时候,如果要精确得到某个值,那么这个精确度就会是一个bug,让人烦恼,所以我们

可以这样去解决先把小数点都转换成整数去操作,然后操作完后在除以当初转换整数时除以的位数。

如:

结果:

从结果可以看去转换成整数后在转换回小数点的方式就不会出现这种问题。

时间: 2024-10-23 03:05:04

javascript基础01的相关文章

javascript基础-01

一.运算符 (1)算术运算符( + - * / %) 说明:加.减.乘.除.求余,其中%是求余运算 例:var total = (1 + 4) * 5; var i = 100; var temp = (i – 20) / 2; alert(“10”+ 20) //return 1020; alert(10 + 20) //return 30; (2)后增量/后减量运算符 ++ ,-- 例:var i = 10; var a = i++; // i = i + 1; alert(a); (3)比

JavaScript基础系列目录(2014.06.01~2014.06.08)

下列文章,转载请亲注明链接出处,谢谢! 链接地址: http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%20%E6%80%BB%E7%BB%93/ 1. Javascript基础---语法(待完成) 2. JavaScript基础---数据类型(待完成) 3. JavaScript基础---Array数组(待完成) 4. JavaScript基础---正则表达式(待完成) 5. Jav

JAVASCRIPT基础08-购物车(01)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

JavaScript基础入门 - 01

JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写JavaScript代码,说到这,我们首先要来说明一个需要新人们关注的点,因为我们的js是一门跨平台的语言,所以说,我们的代码可以运行在不同的平台之上.这也就导致了可能相同的代码放在不同的平台运行就会有所出入. 这里面说的平台其实被称之为宿主环境. 同时,代码在不同的平台上的运行方式也有所不同. 如果运行在服务端,那么更多的

javascript基础入门之js中的数据类型与数据转换01

javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量        运算符        数据类型转换        js中三大特殊值 js的组成(ECMAScript.BOM.DOM) ①ECMAScript: ECMAScript是一个标准,它规定了语法.类型.语句.关键字.保留子.操作符.对象.(相当于法律):②BOM(浏览器对象模型):对浏览器窗口进行

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

JAVASCRIPT基础09-购物车(02)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

JAVASCRIPT基础05-对象

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti