JavaScript 1 重点基础

JavaScript应用:

1.客户端应用
在这里插入图片描述
2.服务器端应用
在这里插入图片描述
对于JavaScript的客户端应用和服务器应用,要根据实际情况进行选择。客户端应用程序是在客户端解释执行,而服务器端应用程序则是在服务器端进行处理。从程序保密性的角度来看,采用服务器端应用更为妥当。如果只是对数据进行验证,那么若是服务器端应用,则每次验证都要发回服务器端,这势必会增加网络流量和延迟,所以数据验证通常由客户端应用来实现,这样效率更高。


script标签的常用属性

在这里插入图片描述
若该标签未声明type类型,则默认使用text/javascript;
头脚本:该标签在head标签内;
体脚本:该标签在body标签内


数据类型与常量

基本数据类型只有三种:数值型,字符串型,布尔型。
为了支持面向对象编程时,也有引用数据类型。

1.数值型:
①整数:
(1)十进制,使用0~9数字序列表示;
(2)八进制,使用0~7数字序列表示,并且首位必须是0,如0235,-065;
(3)十六进制,使用0~9,A、B、C、D、E、F(或a,b,c,d,e,f)的数码序列表示,并且前两位必须是0X(或0x),如0x235,0XA8,-0xEF;
②浮点数:
(1)普通形式,由整数部分,小数点和小数部分组成;
(2)指数形式,e或E后面的指数是-324~308之间的整数,如5.34e5,(表示5.34*10^5);
312E-4(表示312*10^-4);

特殊常量NaN ( Not a Number,即非数字),表示无意义的数学运算结果。

2.字符串
转义字符与其他语言相同

3.布尔型
真,true,非0即真,true转换为数值为1;
假,false,值为0,false转换为数值为0;

常量

null:表示空的或不存在的对象引用(必须注意,它不等于空字符串或0);
undefined:未定义值得常量,表示变量未赋值。


变量

由于JavaScript是一种弱类型的编程语言,允许把任何类型的数据赋值给变量,因此JavaScript变量的类型是动态的,只有在程序运行时才能确定。

var x=1;							//变量x为数值型
x="今天天气真好!" ;      			//变量x为字符串型
x=true;								//变量x为布尔型

JavaScript允许不预先对变量声明,就直接赋值,这种方式称为隐式声明;
“变量先声明、后使用”,可提高程序正确性;
如果声明了一个变量,但未对其赋值,则该变量存在,其值为undefined;
若读取一个未声明且未赋值的变量,将导致程序执行错误;


运算符

运算符优先级
该表优先级从高到低,从上到下;
在这里插入图片描述
当表达式连续出现的几个运算符优先级相同时,其运算顺序由结合性决定;

结合性:
左结合,是指左边的运算符优先计算;
右结合,指右边的运算符优先运算;


使用对话框

1.警示对话框alert()
警示对话框由alert()方法显示,它把alert()括号内的字符串显示在对话框中,并且在对话框上包含一个“确认”按钮。用户阅读完所显示的信息后,只需单击该按钮就可以关闭这个对话框。

alert("警示对话框!");

当浏览器解释道其中的JavaScript代码alert()时就显示对话框,并暂时停止对后续代码的解释执行;
当用户点击“确定”按钮时,浏览器就继续执行后续的代码。

2.确认对话框confirm()
确认对话框由confirm()方法显示,这种对话框与警示对话框相似,多了一个“取消”按钮,并且confirm()方法返回布尔值true或false,点击确定返回true,取消返回false。

var bool_value=confirm("输出布尔值!");
document.write(bool_value);

3.提示对话框prompt()
提示对话框由prompt()方法显示,它不但可以显示信息,而且还提供一个文本框要求用户使用键盘输入信息,同时还包含“确认”和“取消”按钮。如果用户单击“确认”按钮,则返回用户在文本框输入的内容(注:字符串类型)或者初始值(如果用户未输入信息);如果单击“取消”按钮,则返回null。

			var name=prompt("请输入姓名:","");
			document.write("姓名为:"+name);
			
/*			var url=prompt("请输入访问的站点地址","https://www.baidu.com/");
			window.location.href=url;*/

prompt()方法有两个参数,参数一位对话框的提示文本,参数二为对话框中文本框的初值。

猜你喜欢

转载自blog.csdn.net/qq_41741576/article/details/90034341
今日推荐