js脚本编写教程数据类型(如何编写网页js脚本)

http://www.itjxue.com  2023-02-12 21:02  来源:未知  点击次数: 

JavaScript教程--从入门到精通(2)

JavaScript基本数据结构

JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

一 JavaScript代码的加入

JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

Script Language = JavaScript JavaScript语言代码 JavaScript 语言代码; /Script

说明   通过标识Script /Script指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

下面是将JavaScript脚本加入Web文档中的例子:lHTMLHeadScript Language = JavaScript document Write( 这是赛迪网互动学校 );document close();/Script/Head/HTML

在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

图 说明: Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将Script /Script标识放入head /Head或Body /Body之间 将JavaScript标识放置Head /Head在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在Body /Body主体之间以实现某些部分动态地创建文档

二 基本数据类型

JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

基本数据类型

在JavaScript中四种基本的数据类型 数值(整数和实数) 字符串型(用 号或 括起来的字符或数值) 布尔型(使True或False表示)和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

常量  整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值  实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

布尔值

布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C++是不一样的 C++可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

字符型常量

使用单引号( )或双引号( )括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等  空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值  特殊字符同C语言一样 JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符 通常称为控制字符   变量

变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域  变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线(-)作为连字符外 变量名称不能有空格 (+) (-) ( )或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称 在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

变量的类型

在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型  变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

1 表达式

在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

2 运算符

运算符完成操作的一系列符号 在JavaScript中有算术运算符 如+ * /等 有比较运算符如!= ==等; 有逻辑布尔运算符如!(取反) | ||; 有字串运算如+ +=等 在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2即由两个操作数和一个运算符组成 如 + This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 (1)算术运算符JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +(加) (减) *(乘) /(除) %(取模) |(按位或) (按位与) (左移) (右移) (右移 零填充) 单目运算符 (取反) ~(取补) ++(递加 ) (递减 ) (2)比较运算符比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:(小于) (大于) =(小于等于) =(大于等于) ==(等于) !=(不等于) (3)布尔逻辑运算符在JavaScript中增加了几个布尔逻辑运算符: !(取反) =(与之后赋值) (逻辑与) |=(或之后赋值) |(逻辑或) ^=(异或之后赋值) ^(逻辑异或) ?:(三目操作符) ||(或) ==(等于) |=(不等于) 其中三目操作符主要格式如下 操作数?结果1 结果2若操作数的结果为真 则表述式的结果为结果1 否则为结果2

四 范例 下面是一个跑马灯效果的JavaScript文档

lheadscript Language= JavaScript var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq = len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq = len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();/scriptbody/body/

lishixinzhi/Article/program/Java/JSP/201311/19285

JS的基本数据类型

? 基本数据类型 :

?1、 变量已经声明但是没有赋值,所以默认undefined?

? ? ? ? ?let username;

? ? ? ? ?typeof是用来检测变量的类型?

? ? ? ? 这里的username是undefined类型?

? ? ? ? console.log(typeof username);

? ? ? ? ?null是一个特殊的对象类型?

?2、let o = null;??

? ? ? ? null也属于一个数据类型?

? ? ? ? console.log(typeof o);? ?返回的是object?

? 3、 null表示一个空值,与undefined值相等?

? ? ? ? 一个等于叫赋值 两个等于叫比较值 比较之后会产生一个布尔值

? ? ? ? 等于就是true 不等于就是false?

? ? ? ? console.log(null==undefined)?

? ? ? ? ?两个等于只比较值?

? ? ? ? ?console.log(123=="123");?

? ? ? ? ?三个等于比较值和类型?

? ? ? ? 这里值是一样的,但是123是数字类型,'123'代表字符串,

? ? ? ? 但是类型不同所以是false?

? ? ? ? console.log(123==='123')?

? ? ? ? ?90 就是number数据类型??

? ? ? ? 90 整数 90.09 小数也叫做浮点数?

? ? ? ? let num = 90.09;

? ? ? ? console.log(typeof num);?

?4、boolean类型包含 true false?

? ? ? ? let flag = true;

? ? ? ? console.log( typeof flag )?

? ? ? ? 关键字,不能作为变量的?

? ? ? ? let true = 123;

? ? ? ? console.log(true);?

? 5、 string 叫字符串类型 用单引号或者双引号括起来的文字?

? ? ? ? let str = "我爱你中华";?

? ? ? ? 用+号表示 字符串的拼接?

? ? ? ? document.write('str:' + typeof str);?

js数据类型

js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。

1、Number类型

Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。

2、String类型

在JS中字符串需要使用引号引起来。使用双引号或单引号都行,但是不要混着用。引号不能嵌套,双引号不能放双引号,单引号不能放单引号。

3、Boolean类型

该类型只有两个值,true和false。

4、Undefined类型

只有一个值,即undefined值。使用var声明了变量,但未给变量初始化值,那么这个变量的值就是undefined。

5、Null类型

null类型被看做空对象指针,null类型也是空的对象引用。

6、Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了,引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。

JS脚本怎么写字典类型的数据

用JSON返回代码,动态加载到html

参考:?

script?language="javascript"?type="text/javascript"

????function?getSearchDataListURL(pageIndex,?pageSize)?{

????????var?url?=?'%=this.ResolveClientUrl("~/Common/SearchDataList.ashx")?%?action=searchlistbyfilterobjName=BedFloor';

????????url?+=?"pagesize="?+?pageSize;

????????url?+=?"pageindex="?+?pageIndex;

????????url?+=?"keywords="?+?encodeURIComponent(document.getElementById("keywords").value);

????????url?+=?"status="?+?(document.getElementById("%=this.ddl_Status.ClientID?%").value);

????????url?+=?"buildingid="?+?(document.getElementById("%=this.ddl_Building.ClientID?%").value);

????????return?url;

????}

????function?LoadDataSrc(pageIndex,?pageSize)?{

????????$.ajax({

????????????url:?getSearchDataListURL(pageIndex,?pageSize),

????????????type:?"get",

????????????dataType:?"json",

????????????success:?function?(data)?{

????????????????bindDataSource(data.DataList,?pageIndex,?pageSize,?data.TotalRecordCount);

????????????},

????????????error:?function?(er)?{

????????????????alert("错误信息:"?+?er);

????????????}

????????});

????}

????

/script

(责任编辑:IT教学网)

更多

推荐PHP+MySQL视频文章