-
Java Script简介
是一个脚本语言（动态语言）：变量类型是在运行时绑定的，变量类型还可以改变 -
事件驱动（只要事件发生，就会执行）
html中dom元素（以on开头的属性，几乎都是事件属性）绑定事件，在用户触发该元素事件时，会执行js代码 -
Java Script用法
1、绑定html标签的事件属性
<body onload="alert('ok')">
绑定了加载（onload）时的代码，alert是Java Script中的一个内置函数，显示函数中的参数（起到的是一个提示框的作用）
2、在html文件中使用
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
alert(2);
</script>
</head>
3、在html中引入外部的js文件—（在head中使用）
在web文件下创建一个js目录，目录中创建一个js文件，填入alert（3）
<script type="application/javascript" src="js/1.js" ></script>
//src中的是相对路径
- Java Script变量
1、全局变量—>var 变量名
var x=10;
var cars=["Sabb","Volvo"]; //注意js中使用的是[]
2、局部变量—>let 变量名，作用域为{}括起来的内容
3、const–>const 常量名
- Java Script对象（即json对象）
对象与花括号分割，在括号内部，队形的属性以名称和值对的形式（name:value）来定义，属性有逗号分隔开
var person={name:"jenny",id:111};
对象属性寻址方式：
name=person.name;
name=person["name"];
1）相关函数：
JSON.parse()—用于将一个JSON字符串转换为JavaScript对象;
JSON.stringify()—用于将JavaScript值转换为JSON字符串;
举例：
<script>
alert(2);
var articles = [{
title: "我的第一篇博客",
content: "学习html"
},{
title: "我的第二篇博客",
content: "学习js"
}]
//控制台打印语句
console.log(articles);
</script>
- Java Script函数（在js中函数也是一个对象）
1、函数定义的两种形式
1）function 函数名（参数）{}
2）函数名可以被当作一个变量来使用
函数名=function（参数）{}
2、函数的调用
JavaScript代码能执行的地方都可以用
举例：
<script>
function func(x,y){
console.log(x+y);
}
</script>
<body onload="func(1,2)">
- html 表单实例—>form 标签
<body>
<h2>用户登录</h2>
<form action="相对路径">
<!-- 显示表单的具体内容-->
<!-- <br>是换行 -->
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password"><br>
<!-- 表单提交按钮 ,value中是显示按钮出现的内容 -->
<input type="submit" value="点我登录">
</form>
</body>
从上面这个路径跳转到下面的路径（问好前面整体为绝对路径）
- 常见html标签/dom元素事件
1、onclick—>当单击鼠标是运行脚本
<input type="button" onclick="alert(1)" value="点击">
2、onblur—>当窗口失去焦点时运行脚本
<input type="text" onblur="alert(2)" >
3、onfocus—>当窗口获得焦点是运行脚本
4、onsubmit—>提交表单时运行脚本
- Tomcat
基于Java开发的web后端程序，可以部署在tomcat上
扫一扫
2414
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
