JS基本知识

JS基础

JS概述

js: javascript java脚本 但是它和Java没有任何关系。Js是一种解释型的语言，它的执行完全依赖浏览器，而且它是边解释边执行。

Js有什么作用？

1.给我们html标签添加和用户的交互行为。 比如给我们的普通按钮添加一个行为，使得点击之后是有效果的
2.表单的验证(判断空以及判断合法性)
我们接触到的项目要么就是B/s架构的，要么就是c/s架构。
C/S client/server 客户端/服务器 安装的qq软件就叫客户端 腾讯的有一台电脑(存放好友列表，你的聊天记录)就叫服务器(配置比较高的台式机)
B/S Browser/server 浏览器/服务器 只需要一个浏览器 你通过输入网址来请求对应的资源。服务器对应的也是一台配置比较高的台式机
DNS解析器会将www.baidu.com ->192.168.1.118/baidu/index.html
在这个台式机上，你会存放很多个项目，而且要访问的项目必须是启动状态，那么客户才能访问到。

B/S 和 C/S 比较:

B/S 不需要额外安装软件，有一台浏览器即可。升级的话是服务器直接升级，客户端无需操作。
C/S 需要安装，升级比较麻烦。
安全性： C/S安全性较高，B/S安全性较低。
C# C 做C/S项目多点
Java 管理系统 网站类型居多。

js 在网页中的使用

行内js

<input type="button" value="点我" onclick="javascript:alert('你好')；“/>

内部js

 <script type="text/javascript">
			
			function show(){
				alert('你好');
			}
			
		</script>

外部js

 <script type="text/javascript" src="js/demo1.js"></script>

js基础语法

变量
var num;
num=’小花’;
数据类型:
数值类型 number
字符串 ‘’ “”
布尔类型 boolean
Typeof:用来测试一个变量的数据类型
选择结构
if
if-else
多重if
嵌套if

if(nums>90){
alert(“非常好”);
}else{
alert(“考的太差”);
}
循环结构
While
For
for(var i=0;i<10;i++){
alert(i);
}

练习一

<script type="text/javascript">
			var num1 = prompt("请输入第一个数");
			var num2 = prompt("请输入第二个数");
			// 将num1和num2转化成整数
			// 23jk0  碰到第一个不是数字的字符 则结束转化  直接返回23
			var num1_1 = parseInt(num1);
			// 23..0sx1.90
			var num1_2 = parseFloat(num1);
			// 90io8
			var num2_1=parseInt(num2);
			
			var result =0;// 保存结果
			var fuhao = prompt("请输入运算符号");
			if(fuhao == "+"){
				result = num1_1+num2_1;
			}else if(fuhao=="-"){
				result = num1_1-num2_1;
			}else if(fuhao=="*"){
				result = num1_1 * num2_1;
			}else if(fuhao =="/"){
				result = num1_1 /num2_1;
			}else{
				alert("输入有误");
			}
			
			alert("结果为:"+result);
		</script>

练习二

<script type="text/javascript">
			var count= prompt("请输入考试科目数量");
			var count_1 = parseInt(count);
			// 定义变量存放和
			var sum =0;
			for(var i=0;i<count_1;i++){
				var fenshu = prompt("请输入第"+(i+1)+"门课的成绩");
				var score = parseInt(fenshu);
				sum  = sum +score;
			}
			
			alert(count_1+"门课的总和为:"+sum);
</script>

js常用的两个对象

js中有两个常用的模型:
BOM模型： 浏览器对象模型
一个BOM模型针对的是一个浏览器窗口
DOM模型: 文档对象模型

Window对象

Window.alert 向窗口弹出一句话
Window.prompt 从窗口中接收一句话
Confirm 和客户进行确认的窗口
Close 在当前窗口中关闭一个页面
Open 在当前窗口中打开一个新的页面
js中的函数： 完成一个特定功能的代码，然后我们给该段代码起个名，
什么时候想让这段代码执行了，则使用你起的名字进行调用即可。

练习一

function show(){
				// var num =prompt("请输入一个数");
				// var num_1 = parseInt(num);
				// alert(num_1);
				var result=confirm("确定要删除吗");
				if(result==true){
					// 执行相应的删除操作
					alert("删除成功");
					// 关掉当前窗口
					window.close();
				}else{
					// 取消删除操作
					alert("删除失败");
				}
			}
			
			function dakai(){
				window.open("Demo1.html","","height=400px,width=500px,location=0");
			}