js 的概念和声明
Js的概念和声明:
问题:
在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和
提供一些特效
造成用户体验极差
解决:
使用JavaScript
作用:
可以让网页和用户之间进行直接简单的交互.
可以给网页制作特效和动画
注意:
js是由浏览器解析执行的.
js需要在HTML文档中进行声明
使用:
声明Js代码域
1.在head标签中使用script声明js代码域
<head>
....
<!--声明js代码域--> <script type="text/javascript"> function test(){ alert("哈哈,js学习起来很简单!!!"); } </script> </head>
2.在head标签中使用script引入外部声明的js文件
<head>
....
<!--声明js代码域-->
<!--引入外部声明好的js文件--> <script src="js/my.js" type="text/javascript" charset="utf-8"></script> </head>

js 的变量
js的变量学习: <html> <head> <title>js的变量学习</title>
<meta charset="UTF-8"/> <!-js的变量学习:
1 js的变量声明
使用var关键字进行变量声明,格式如下:
var 变量名=初始值;
例如: var a="呵呵";
2 js变量的特点
a、 变量声明只有var关键字，声明的变量可以存储任意类
型的数据。
b、 js中的代码可以不适用分号结尾，但是为了提升代码的
阅读性，建议使用分号。
c、js中的变量允许出现同名变量，但是后面的会将前面的
覆盖。
d、声明不赋值，默认值是undefined
3 js的数据类型
使用换件typeof判断变量的数据类型
number:数值类型
string:字符类型,注意：在js中字符可以使用单引号也可
以使用双引号
boolean:布尔类型
object:对象类型
4 js的变量强转
使用Number()函数：将其他数据类型转换为数值类型，转
换失败返回NaN(not a number)
使用Boolean()函数：将其他数据类型转换为布尔类型，有
值返回true，无值返回false;
5 特殊的值 null object undefined undefined NaN number 作用:
变量是用来存储数据的,方便程序进行操作.
--> <!--声明js代码域--> <script type="text/javascript"> //js的变量声明 var a=1; var a1=2.2; var a3='哈哈';
var a31='和'; var a4=false; var a5=new Date(); //alert(a3); var b="北京八分钟";
var b="平昌冬奥会"; //alert(b); var c; //alert(a3); //js的数据类型 //alert(typeof a5); //js的变量强转
var a=1; var b="11"; var c="哈哈"; var d; alert(typeof null); alert(Boolean(d)); if(Boolean(a)){ alert("js学习"); } </script> </head> <body> <h3>js的变量学习</h3> <hr /> </body> </html>

js 的运算符和逻辑结构
js的运算符和逻辑结构：
作用：变量是存储要处理的数据的，运算符和逻辑结构就是用
来处理数据的
-------------------------------------------------------------------
--------------------<html> <head> <title>js的运算符和逻辑结构</title> <meta charset="UTF-8"/> <!-js的运算符和逻辑结构:
作用：结合变量进行数据处理
使用:
算术运算符： +,-,*,/,% 关系运算符: >,>=,<,<=,!= 等值符：==
如果类型一致则直接比较值
如果类型不一致则先使用Number强转为同一类型后
再比较值
等同符：===
先判断类型，如果类型一致则再比较内容
如果类型不一致则直接fasle
逻辑运算符: && || ! 逻辑结构： if(){}else if(){} else{} switch(){} for(){} while(){} do{}while() 注意：
判断条件可以直接是变量。
注意：
js中变量是没有类型的，但是数据是有类型的，在进行数据
处理的时候
要注意数据的类型。
--> <!--声明js代码域--> <script type="text/javascript"> //算术运算符 var a=3; var b=4; //alert(a+b); //关系运算符 var a1=6; var b1=5; //alert(a1>b1); //逻辑结构 //alert(a1>b1&&a>b); /*------------------------------------------------*/ //等值符(==) var a2=1; var a3=1; var b2="1"; var c2=true; var d2="true"; var e2="a"; // alert(a2===a3);//true true // alert(a2===b2);//true false // alert(a2===c2);//true false // alert(a2===d2);//false false // alert(b2===c2);//true false // alert(b2===d2);//false fasle // alert(d2===e2)//false false /*------------------------------------------------*/ //for循环结构 for(var i=0;i<5;i++){ //alert("该吃饭了，好饿"); } //九九乘法表 for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+i*j+"&nbsp;&nbsp;&nbsp;&nbsp;"); } document.write("<br />"); }
</script> </head> <body> <h3>js的运算符和逻辑结构</h3> <hr /> </body> </html>

js 的数组
js的数组学习：
作用：存储数据，保证数据的完整性，操作方便。
-------------------------------------------------------------------
-------------------<html> <head> <title>js的数组</title> <meta charset="UTF-8"/> <!-js的数组学习：
问题：
使用变量存储数据，如果数据量比较大的时候，会造成需要
声明
大量的变量去存储数据，代码整洁度及阅读性极差，数据的
完整性得不到保证。
解决：
使用数组
作用：
存储数据
使用：
js的数组的声明
var arr1=new Array();//声明一个空数组
var arr2=new Array(长度)//声明指定长度的数组。
var arr3=[]//声明一个空数组，也可以在声明时直接
赋值，例如：var arr3=["a","b","c"];
js数组的使用
数组的赋值
数组名[角标]=值；
注意：js中赋值可以跳跃角标赋值，不存在的角标
也可以赋值，会对数组的大小进行改变。
数组的取值:
var 变量名=数组名[角标名]
注意：如果获取的角标没有数据，则返回
undefined;
js的数组的特点
特点1：
js中的数组可以存储任意类型的数据。
特点2：
js的数组可以通过length属性动态的改变长度。
可以增加，也可以缩短。
注意：
如果是增加，则使用逗号进行占位
如果是缩减则从后往前减少存储的数据。
js的数组的遍历：
普通for循环
增强for循环
注意：增强for循环中，循环条件声明的变量记录的
是角标。
js的数组的常用操作方法：
数组名.pop()//移除并返回最后一个元素。
数组名.push(要添加的数据)//在数组最后追加数据，
并返回新的长度。
--> <!--声明js代码域--> <script type="text/javascript">
//创建数组
//第一种方式 var arr1=new Array(); arr1[0]="哈哈";
arr1[1]="嘿嘿"; //alert(typeof arr1);
//alert(arr1.length); //第二种声明方式 var arr2=new Array(5); var arr4=new Array([5,7,8]); //alert(arr4); //第三种声明方式 var arr3=["a","b","c"]; //alert(arr3); //使用数组 var arr=[]; //给数组的赋值
arr[0]="张三";
arr[1]="李四";
arr[10]="王五"; //alert(arr) //获取数组中的数据 var a=arr[0]; var b=arr[100]; //alert(b); //数组的特点
//可以存储任意类型的数据 var arr5=[1,"a",new Date()]; //alert(arr5.length); arr5.length=10; //alert(arr5); arr5.length=2; //alert(arr5); //数组的遍历 var arr=[1,2,3,4,5]; //第一种：普通for循环 // for(var i=0;i<arr.length;i++){ // alert(arr[i]);
// } //第二种：高级for // for(var i in arr){ // alert(arr[i]); // } //常用的操作方法: var arr=["a","b","c","d"]; var str=arr.pop(); alert(str); alert(arr); var str2=arr.push("哈哈"); alert(str2); alert(arr); </script> </head> <body> <h3>js的数组学习</h3> <hr /> </body> </html>

js 的概念和声明-js 的变量-js 的运算符和逻辑结构-js 的数组的更多相关文章

  1. 【JS点滴】声明提前，变量声明提前，函数声明提前，声明提前的先后顺序

    声明提前,函数声明提前,好吧,老生常谈的问题了.正好,前些天在掘金看到一道关于声明提前的笔试题,那么这里就以这道题来作为本文的引子吧,代码如下: console.log(a)//? a();//? ; ...

  2. JS中的函数声明和函数表达式的区别，即function(){}和var function(){}，以及变量提升、作用域和作用域链

    一.前言 Uncaught TypeError: ... is not a function function max(){}表示函数声明,可以放在代码的任何位置,也可以在任何地方成功调用: var ...

  3. [js]js的惰性声明, js中声明过的变量(预解释),后在不会重新声明了

    js的惰性声明, js中声明过的变量(预解释),后在不会重新声明了 fn(); // 声明+定义 js中声明过一次的变量,之后在不会重新声明了 function fn() { console.log( ...

  4. js函数声明提升与变量提升

    变量提升 变量提升: 在指定作用域里,从代码顺序上看是变量先使用后声明,但运行时变量的 “可访问性” 提升到当前作用域的顶部,其值为 undefined ,没有 “可用性”. alert(a); // ...

  5. js函数内未声明变量

    <script> function test(){ testd = "Hello"; } test(); alert(testd); </script> 当 ...

  6. JS基础概念

    JS基础概念 1. 算法及流程图 算法类型:1.算数算法:2.事务性算法(解决某个问题的方法和先后顺序). JS语法概述 1. 引入JS的方法 1.用<script src="&quo ...

  7. 学好js，这些js函数概念一定要知道

    函数创建方式 1.声明方式 例如:function consoleTip (){ console.log("tip!"); } 2.表达式方式 例如:var consoleTip ...

  8. JS执行顺序-函数声明提升、匿名函数、函数表达式

    大方向上: JS 是按照 代码块 进行 编译.执行 的. 学习至: 1.变量声明提升 2.新唐的博客 3.js中匿名函数的创建与调用方法分析 4.前端圣经 - <高程三> 5.深入理解变量 ...

  9. 前端（十一）—— JavaScript基础：JS存在的位置、JS变量定义、调试方式、JS数据类型、运算符

    JS存在的位置.JS变量定义.调试方式.JS数据类型.运算符 一.JS语言介绍 1.概念 浏览器脚本语言 可以编写运行在浏览器上的代码程序 属于解释性.弱语言类型编程语言 2.组成 ES语法:ECMA ...

随机推荐

  1. Python 中的POST／GET包构建以及随机字符串的生成-乾颐堂

    现在,我们来用Python,创建GET包和POST包. 至于有什么用处,大家慢慢体会. Python 中包含了大量的库,作为一门新兴的语言,Python 对HTTP有足够强大的支持. 现在,我们引入新 ...

  2. 《官方资料》 例如：string 函数 、分组函数

    site:www.mysql.com SUBSTRING_INDEX ----------------------------------------------------------------- ...

  3. windows server2012怎样关机怎样重启-详细教程

    | 浏览:1991 | 更新:2014-12-15 17:33 1 2 3 4 5 6 分步阅读 百度经验:jingyan.baidu.com windows server2012和以往有些不同,关机 ...

  4. （巴什博弈 sg函数入门1） Brave Game -- hdu -- 1846

    链接: http://acm.hdu.edu.cn/showproblem.php?pid=1846 首先来玩个游戏,引用杭电课件上的: (1) 玩家:2人:(2) 道具:23张扑克牌:(3) 规则: ...

  5. 【PAT】1063. Set Similarity (25) 待改进

    Given two sets of integers, the similarity of the sets is defined to be Nc/Nt*100%, where Nc is the ...

  6. 将图片流输出到界面mvc

    System.Drawing.Image _CodeImage = _Code39.GetCodeImage(OrderNo, Code39.Code39Model.Code39Normal, tru ...

  7. selenium 简单指南

    1.1  下载selenium2.0的包 官方download包地址:http://code.google.com/p/selenium/downloads/list 官方User Guide:  h ...

  8. Devexpress GridControl无限高度惹得祸

    异常提示: issue, place the grid into a container that will give a finite height to the grid, or manually ...

  9. swagger简单配置

    第一步: 在nuget.org中查找Swashbuckle并下载 在nuget.org中查找Swagger.net.UI,并下载 第二步: 下载完之后,App_Start多了三个文件 Swagger. ...

  10. C#基础笔记(第十九天)

    1.CSS 层叠样式表 对HTML的补充实现网页内容和页面效果的彻底分离1.内联样式表(在标签内设置元素的样式)<p style="background:red; font-size: ...