js脚本编写教程数据类型(如何编写网页js脚本)
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