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. Condition Variable使用及其Thread Cancellation线程取消

    条件变量Condition Variable的一般用法: 唤醒用法: struct { pthread_mutex_t mutex; pthread_cond_t cond; //whatever v ...

  2. VMWare 虚拟机挂载 Homestead NFS 进行老项目（基于 Brophp）维护

    环境: Laravel/homestead + winnfsd VMWare workstation 背景: 众所周知, windows 上成功配置 Homestead 进行开发时,为了解决文件系统的 ...

  3. 文字如何实现完美UI？文本排版设计告诉你

    一部手机,电量充足,网络通畅,就足以让我们打发一天的时光,尽情沉浸在手机时代的缤纷世界里.这个信息资源无穷尽的手机网络世界,是设计师和开发者们在不停的探索中一路一步精心打造.如何进一步美化这个世界,优 ...

  4. Android布局属性说明

    Android布局LinearLayout注意设置属性android:orientation属性,否则有的组件可能无法显示. 该属性不设置时默认为horizontal.此时第一个控件的宽度若设置成“f ...

  5. idea jvm 优化

    修改对应配置文件 64位的是idea64.exe.vmoptions -Xms2048m -Xmx2048m -Xmn1024m -XX:PermSize=512m -XX:MaxPermSize=5 ...

  6. Template Method Design Pattern in Java

    Template Method is a behavioral design pattern and it’s used to create a method stub and deferring s ...

  7. Spring 框架简介

    Spring 是一个开源框架,是为了解决企业应用程序开发复杂性而创建的.框架的主要优势之一就是其分层架构,分层架构允许您选择使用哪一个组件,同时为 J2EE 应用程序开发提供集成的框架. 在这篇由三部 ...

  8. [ThinkPHP] 比较标签 neq&nheq 与 PHP 中的 != 与 !== 出现的问题

    1. 模板 > 内置标签 > 比较标签 控制器: $_data['list'] = [ 'dingo' , 'engo' , 'fengo' , 'gingo' , 'autoFill'= ...

  9. 如何查看非自己提交的请求的结果 - 深入浅出Oracle EBS之杂项技术荟萃

    如何查看非自己提交的请求的结果定位要找的请求SQL举例:SELECT req.request_id,       fcp.user_concurrent_program_name,       usr ...

  10. linux 常用命令，开发记住这些基本能够玩转linux

    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS ...