01.JS基础基本特点

来源：互联网发布：电脑版淘宝网站编辑：程序博客网时间：2024/06/02 03:56

JS介绍：js是一款运行在网页，与客户进行交互的网页编程语言。

01.JS组成部分：

ecmascript js标准
dom 通过js调用网页元素
bom 通过api(接口）操作浏览器

02.特点：

简单易用
解释执行：直接在浏览器中就可操作解释。编译执行：JAVA C#等语言电脑无法读取，需要转化为.dll可执行文件，然后电脑或服务器读取执行.dll可执行文件。
基于对象：没有继承，没有封装，没有多肽，更简单，更直接。面向过程

03.使用范围（作用）

表单验证
轮播特效
开发游戏

04.书写位置

内嵌式

<head>    <script type="text/javascript">        alert("文字");    </script></head>

推荐将JS代码写在html结束标签后面。（为了浏览器解析顺序，不影响html内容的显示。）

外链式

<head>    <script src="1.js">    </scrit></head>

需要有外部的js文件：先创建一个外部js文件，通过src将js调用。

写js代码的时候，分号不能省略。
推荐将js代码写在html结束标签后面
将多个js文件合成一个js文件

05.输出消息的几种方式

alert() 在页面弹出一个对话框。
alert(“文字”）；
confirm() 在页面弹出一个对话框，比alert多了一个取消按钮，用于js调试。
console.log() 将信息输入到控制台
prompt() 弹出对话框，用于接收用户输入信息。
docment.write() 在页面输入信息或标签信息。

docment.write("爱宠<br><strong>知识</strong>")

docment.write不仅能输出信息，还能输出标签

06.转义字符

\” 转引号
\＇转单引号
\n 转换行
\r 转回车

07.js注释

快捷键ctrl+/
单行注释//
多行注释/* */

08.变量:给一个元素定义值

存储数据的容器。

<head>    <script type="text/javascript">        var wukong;       给定义变量        wukong="斗战胜佛";        给变量赋值        alert(wukong);         变量中括号里不加引号</head>

定义变量并赋值

<head>    <script type="text/javascript">        var wukong="斗战胜佛"；    定义变量并赋值        alert(wukong);         变量中括号里不加引号</head>

2.变量命名规范

不能以数字或者纯数字开头来定义变量名。
不推荐使用中文来定义变量名。
不能使用特殊符号或者特殊符号开头来定义变量名。（_下划线除外）
不推荐使用关键字和保留字来定义变量名。
js中严格区分大小写

输入摄氏度转为华氏度练习

<script type="text/javascript">    var ssd=prompt("请输入摄氏度"）；    var hsd=9/5*ssd+32;    alert(hsd);</script>

3.简单数据类型

number 数字类型
包含正数，负数，小数
能表示的最大值是±1.7976931348623157乘以10的308次方
能表示的最小值是±5 乘以10的-324次方

※数字类型表达方式：
a:十进制表示法:var n1=23;
b:十六进制表示法：从0-9，a(A)-f(F)表示数字,以0x开头。
var n4=0x4323;
c:八进制表示法：0开头，0-7组成
var n5=0472;

字符串 string
凡是用双引号或者单引号引起的都是字符串。
布尔数据类型 boolean
只有两个值，一个是true,一个是false
实际运算中true=1, false=0

<script type="text/javascript">    var n1=2;    var n2=3;    alert(n1==n2);     false 错误的    alert(n1<n2);      true  正确的</script>

变量未初始化 undefined
定义了变量，没有给变量赋值,变量在内存中是存在的。
var n1;
alert(n1);
值为空 null object
在内存中找不到这个变量。
var n2=null;
alert(n2);
“”空字符串
变量在内存是存在的
var n3=”“;

4.判断数据类型
typeof()
alert(typeof(n3));

5.比较运算符
< | > | <= | >= | ==(判断两个字符是否相同） | != （判断两个字符是否不相同） |

6.算数运算符

+　加号
- 两个数字类型的变量相加，得到的是一个数字类型。
- 一个数字类型和一个字符串相加，得到的是一个字符串。
-　减号
- 两个数字类型的变量相减，得到的是一个数字类型。
- 一个数字类型和一个数字字符串相减，得到的是一个数字类型。

var n1=11;var n2="23";var n3=n1-n2;alert(n3);alert (typeof(n3));

这里写图片描述

- 一个数字类型和一个非数字的字符串相减，得到的是ＮａＮ，是一个数字类型。　（ＮａＮ：ｎｏｔ　ａ　ｎｕｍｂｅｒ不是一个数字，但是是数字类型）

／　除以
- 两个数字类型的变量相除，得到的是一个数字类型。
- 一个数字类型和一个数字字符串相除，得到的是一个数字类型。
- 一个数字类型和一个非数字的字符串相除，得到的是ＮａＮ，是一个数字类型。
- ０作为除数（５／０）的时候，得到结果Ｉｎｆｉｎｉｔｙ（无限大），是一个数字类型。
％　取余数（被除数除以除数，剩下的数为余数）
ｖａｒ　ｎ１＝７；
ｖａｒ　ｎ２＝２；
ｎ１＝ｎ１％ｎ２；
ａｌｅｒｔ（ｎ１）；
（）优先级　有（）先算（）里面的

案例

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞    ｃｏｎｓｏｌｅ．ｌｏｇ（（１２３＋４５＊８）／（３４＋５４３）－９＊（３２４－３４））；＜／ｓｃｒｉｐｔ＞

２）写一个程序，要求用户输入鸡蛋数，如果20个鸡蛋放一盒，判断要多少个盒子。在控制台中输出（最后盒子数量自考虑整数个数）

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞    ｖａｒ　ｅｇｇ＝ｐｒｏｍｔ（＂请输入鸡蛋个数＂）；    ｖａｒ　ｂｏｘ＝ｅｇｇ／２０；    ｃｏｎｓｏｌｅ．ｌｏｇ（ｂｏｘ）；＜／ｓｃｒｉｐｔ＞

这里写图片描述

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞    ｖａｒ　ｄａｙ１＝６；    ｖａｒ　ｄａｙ２＝１０００％７；　    ｖａｒ　ｄａｙ３＝（ｄａｙ１＝ｄａｙ２）％７；    ａｌｅｒｔ（ｄａｙ３）；＜／ｓｃｒｉｐｔ＞

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞    ａｌｅｒｔ（１００６％７）；＜／ｓｃｒｉｐｔ＞

７.带操作的赋值运算(运算的简单写法）

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞    ｖａｒ　ｎ１＝２；ｖａｒ　ｎ２＝３；ｎ１＋＝ｎ２；　　　ｎ１＝ｎ１＋ｎ２ａｌｅｒｔ（ｎ１）；＜／ｓｃｒｉｐｔ＞

这里写图片描述

阅读全文

0 0