JavaWeb篇-JavaScript
2024-05-09 18:03:16
文章目录
- JavaScript
- JavaScript 和 html 代码的结合方式
- 第一种方式
- 第二种方式
- 变量
- 关系(比较)运算
- 逻辑运算
- 数组
- 函数
- 函数的两种定义方式
- 第一种:可以使用function关键字来定义函数
- 函数的第二种定义方式
- 隐形参数arguments
- JS中自定义对象
- Object 形式的自定义对象
- {}花括号形式的自定义对象
- JS中的事件
- onload加载完成事件
- onclick单击事件
- onblur失去焦点事件
- onchange内容发生改变事件
- onsubmit表单提交事件
- DOM模型
- 正则表达式
- Document对象中的方法
- getElementById方法
- getElementsByName方法
- getElementsByTagName方法
- createElement方法
- 节点的常用属性和方法
- 方法
- 属性
- Dom查询练习
JavaScript
特点：
- 交互性（它可以做的就是信息的动态交互）
- 安全性（不允许直接访问本地硬盘） 3. 跨
- 平台性（只要是可以解释 JS 的浏览器都可以执行，和平台无关）
JavaScript 和 html 代码的结合方式
第一种方式
只需要在 head 标签中，或者在 body 标签中， 使用 script 标签 来书写JavaScript代码
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">// alert是JavaScript语言提供的一个警告框函数。// 它可以接收任意类型的参数，这个参数就是警告框的提示信息alert("hello javaScript!");</script>
</head>
<body></body>
第二种方式
使用script标签单独引入JavaScript代码文件
<head><meta charset="UTF-8"><title>Title</title><!--现在需要使用script引入外部的js文件来执行src 属性专门用来引入js文件路径（可以是相对路径，也可以是绝对路径）script标签可以用来定义js代码，也可以用来引入js文件但是，两个功能二选一使用。不能同时使用两个功能--><script type="text/javascript" src="1.js"></script><script type="text/javascript">alert("国哥现在可以帅了");</script>
</head>
<body></body>
变量
JavaScript 的变量类型：
数值类型： number
字符串类型： string
对象类型： object
布尔类型： boolean
函数类型： function
JS 中的定义变量格式：
var 变量名;
var 变量名 = 值;
示例代码:
<script type="text/javascript">var i;// alert(i); // undefinedi = 12;// typeof()是JavaScript语言提供的一个函数。// alert( typeof(i) ); // numberi = "abc";// 它可以取变量的数据类型返回// alert( typeof(i) ); // Stringvar a = 12;var b = "abc";alert( a * b ); // NaN是非数字，非数值。</script>
关系(比较)运算
| 符号 | 作用 | |
|---|---|---|
| 等于 | == | 做简单的字面值比较 |
| 全等于 | === | 除了做字面值比较，还会比较两个变量的数据类型 |
代码示例:
<script type="text/javascript">var a = "12";var b = 12;alert( a == b ); // truealert( a === b ); // false</script>
逻辑运算
且运算: &&
或运算: ||
取反运算: !
代码示例:
<script type="text/javascript">/* 在JavaScript语言中，所有的变量，都可以做为一个boolean类型的变量去使用。0 、null、 undefined、””(空串) 都认为是 false；*/// var a = 0;// if (a) {// alert("零为真");// } else {// alert("零为假");// }// var b = null;// if (b) {// alert("null为真");// } else {// alert("null为假");// }// var c = undefined;// if (c) {// alert("undefined为真");// } else {// alert("undefined为假");// }// var d = "";// if (d) {// alert("空串为真");// } else {// alert("空串为假");// }/* && 且运算。有两种情况：第一种：当表达式全为真的时候。返回最后一个表达式的值。第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值*/var a = "abc";var b = true;var d = false;var c = null;// alert( a && b );//true// alert( b && a );//true// alert( a && d ); // false// alert( a && c ); // null/* || 或运算第一种情况：当表达式全为假时，返回最后一个表达式的值第二种情况：只要有一个表达式为真。就会把回第一个为真的表达式的值*/// alert( d || c ); // null// alert( c|| d ); //false// alert( a || c ); //abc// alert( b || c ); //true</script>
数组
JS中数组的定义:
格式:
var 数组名 = [];//空数组
var 数组名 = [1,‘abc’,true];//定义数组同时赋值
示例代码
<script type="text/javascript">var arr = [true,1]; // 定义一个空数组// alert( arr.length ); // 0arr[0] = 12;// alert( arr[0] );//12// alert( arr.length ); // 0// javaScript语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作。arr[2] = "abc";alert(arr.length); //3// alert(arr[1]);// undefined// 数组的遍历for (var i = 0; i < arr.length; i++){alert(arr[i]);}</script>
函数
函数的两种定义方式
第一种:可以使用function关键字来定义函数
示例代码:
<script type="text/javascript">// 定义一个无参函数function fun(){alert("无参函数fun()被调用了");}// 函数调用===才会执行// fun();function fun2(a ,b) {alert("有参函数fun2()被调用了 a=>" + a + ",b=>"+b);}// fun2(12,"abc");// 定义带有返回值的函数function sum(num1,num2) {var result = num1 + num2;return result;}alert( sum(100,50) );</script>
函数的第二种定义方式
示例代码:
<script type="text/javascript">var fun = function () {alert("无参函数");}// fun();var fun2 = function (a,b) {alert("有参函数a=" + a + ",b=" + b);}// fun2(1,2);var fun3 = function (num1,num2) {return num1 + num2;}alert( fun3(100,200) );</script>
注意:js中不允许函数的重载
<script type="text/javascript">function fun(a,b) {alert("有参函数fun(a,b)");}function fun() {alert("无参函数fun()");}fun(1,"ad");//运行的是第二个函数</script>
隐形参数arguments
示例代码:
<script type="text/javascript">function fun(a) {alert( arguments.length );//可看参数个数alert( arguments[0] );alert( arguments[1] );alert( arguments[2] );alert("a = " + a);for (var i = 0; i < arguments.length; i++){alert( arguments[i] );}alert("无参函数fun()");}// fun(1,"ad",true);// 需求：要求 编写 一个函数。用于计算所有参数相加的和并返回function sum(num1,num2) {var result = 0;for (var i = 0; i < arguments.length; i++) {if (typeof(arguments[i]) == "number") {result += arguments[i];}}return result;}alert( sum(1,2,3,4,"abc",5,6,7,8,9) );</script>
JS中自定义对象
Object 形式的自定义对象
示例代码:
<script type="text/javascript">// 对象的定义：// var 变量名 = new Object(); // 对象实例（空对象）// 变量名.属性名 = 值; // 定义一个属性// 变量名.函数名 = function(){} // 定义一个函数var obj = new Object();obj.name = "华仔";obj.age = 18;obj.fun = function () {alert("姓名：" + this.name + " , 年龄：" + this.age);}// 对象的访问：// 变量名.属性 / 函数名();// alert( obj.age );obj.fun();</script>
{}花括号形式的自定义对象
示例代码:
<script type="text/javascript">// 对象的定义：// var 变量名 = { // 空对象// 属性名：值, // 定义一个属性// 属性名：值, // 定义一个属性// 函数名：function(){} // 定义一个函数// };var obj = {name:"国哥",age:18,fun : function () {alert("姓名：" + this.name + " , 年龄：" + this.age);}};// 对象的访问：// 变量名.属性 / 函数名();alert(obj.name);obj.fun();</script>
JS中的事件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FBJu8sfb-1617592864712)(JavaWeb.assets/1617540174373.png)]
onload加载完成事件
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">// onload事件的方法function onloadFun() {alert('静态注册onload事件，所有代码');}// onload事件动态注册。是固定写法window.onload = function () {alert("动态注册的onload事件");}</script>
</head>
<!--静态注册onload事件onload事件是浏览器解析完页面之后就会自动触发的事件<body onload="onloadFun();">
-->
<body></body>
onclick单击事件
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">function onclickFun() {alert("静态注册onclick事件");}// 动态注册onclick事件window.onload = function () {// 1 获取标签对象/** document 是JavaScript语言提供的一个对象（文档）<br/>* get 获取* Element 元素（就是标签）* By 通过。。 由。。经。。。* Id id属性** getElementById通过id属性获取标签对象**/var btnObj = document.getElementById("btn01");// alert( btnObj );// 2 通过标签对象.事件名 = function(){}btnObj.onclick = function () {alert("动态注册的onclick事件");}}</script>
</head>
<body><!--静态注册onClick事件--><button οnclick="onclickFun();">按钮1</button><button id="btn01">按钮2</button>
</body>
onblur失去焦点事件
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">// 静态注册失去焦点事件function onblurFun() {// console是控制台对象，是由JavaScript语言提供，专门用来向浏览器的控制器打印输出， 用于测试使用// log() 是打印的方法console.log("静态注册失去焦点事件");}// 动态注册 onblur事件window.onload = function () {//1 获取标签对象var passwordObj = document.getElementById("password");// alert(passwordObj);//2 通过标签对象.事件名 = function(){};passwordObj.onblur = function () {console.log("动态注册失去焦点事件");}}</script>
</head>
<body>用户名:<input type="text" οnblur="onblurFun();"><br/>密码:<input id="password" type="text" ><br/>
</body>
onchange内容发生改变事件
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">function onchangeFun() {alert("女神已经改变了");}window.onload = function () {//1 获取标签对象var selObj = document.getElementById("sel01");// alert( selObj );//2 通过标签对象.事件名 = function(){}selObj.onchange = function () {alert("男神已经改变了");}}</script>
</head>
<body>请选择你心中的女神：<!--静态注册onchange事件--><select οnchange="onchangeFun();"><option>--女神--</option><option>芳芳</option><option>佳佳</option><option>娘娘</option></select>请选择你心中的男神：<select id="sel01"><option>--男神--</option><option>国哥</option><option>华仔</option><option>富城</option></select>
</body>
onsubmit表单提交事件
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" >// 静态注册表单提交事务function onsubmitFun(){// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交alert("静态注册表单提交事件----发现不合法");return flase;}window.onload = function () {//1 获取标签对象var formObj = document.getElementById("form01");//2 通过标签对象.事件名 = function(){}formObj.onsubmit = function () {// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交alert("动态注册表单提交事件----发现不合法");return false;}}</script>
</head>
<body><!--return false 可以阻止 表单提交 --><form action="http://localhost:8080" method="get" οnsubmit="return onsubmitFun();"><input type="submit" value="静态注册"/></form><form action="http://localhost:8080" id="form01"><input type="submit" value="动态注册"/></form></body>
DOM模型
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-coXo1Avm-1617592864713)(JavaWeb.assets/1617540578277.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-diPxh10Q-1617592864714)(JavaWeb.assets/1617540590011.png)]
Document 对象的理解：
- 第一点：Document 它管理了所有的 HTML 文档内容。
- 第二点：document 它是一种树结构的文档。有层级关系。
- 第三点：它让我们把所有的标签 都 对象化
- 第四点：我们可以通过 document 访问所有的标签对象。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-V5MBHMBR-1617592864715)(JavaWeb.assets/1617591929675.png)]
正则表达式
<script type="text/javascript">// 表示要求字符串中，是否包含字母e// var patt = new RegExp("e");// var patt = /e/; // 也是正则表达式对象// 表示要求字符串中，是否包含字母a或b或c// var patt = /[abc]/;// 表示要求字符串，是否包含小写字母// var patt = /[a-z]/;// 表示要求字符串，是否包含任意大写字母// var patt = /[A-Z]/;// 表示要求字符串，是否包含任意数字// var patt = /[0-9]/;// 表示要求字符串，是否包含字母，数字，下划线// var patt = /\w/;// 表示要求 字符串中是否包含至少一个a// var patt = /a+/;// 表示要求 字符串中是否 *包含* 零个 或 多个a// var patt = /a*/;// 表示要求 字符串是否包含一个或零个a// var patt = /a?/;// 表示要求 字符串是否包含连续三个a// var patt = /a{3}/;// 表示要求 字符串是否包 至少3个连续的a，最多5个连续的a// var patt = /a{3,5}/;// 表示要求 字符串是否包 至少3个连续的a，// var patt = /a{3,}/;// 表示要求 字符串必须以a结尾// var patt = /a$/;// 表示要求 字符串必须以a打头// var patt = /^a/;// 要求字符串中是否*包含* 至少3个连续的a// var patt = /a{3,5}/;// 要求字符串，从头到尾都必须完全匹配// var patt = /^a{3,5}$/;var patt = /^\w{5,12}$/;var str = "wzg168[[[";alert( patt.test(str) );</script>
Document对象中的方法
document.getElementById(elementId)
通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值
document.getElementsByName(elementName)
通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值
document.getElementsByTagName(tagname)
通过标签名查找标签 dom 对象。tagname 是标签名
document.createElement( tagName)
方法，通过给定的标签名，创建一个标签对象。tagName 是要创建的标签名注：
document 对象的三个查询方法，如果有 id 属性，优先使用 getElementById 方法来进行查询
如果没有 id 属性，则优先使用 getElementsByName 方法来进行查询
如果 id 属性和 name 属性都没有最后再按标签名查 getElementsByTagName
以上三个方法，一定要在页面加载完成之后执行，才能查询到标签对象。
getElementById方法
代码示例:
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" >/** 需求：当用户点击了较验按钮，要获取输出框中的内容。然后验证其是否合法。<br/>* 验证的规则是：必须由字母，数字。下划线组成。并且长度是5到12位。* */function onclickFun() {// 1 当我们要操作一个标签的时候，一定要先获取这个标签对象。var usernameObj = document.getElementById("username");// [object HTMLInputElement] 它就是dom对象var usernameText = usernameObj.value;// 如何 验证 字符串，符合某个规则 ，需要使用正则表达式技术var patt = /^\w{5,12}$/;/** test()方法用于测试某个字符串，是不是匹配我的规则 ，* 匹配就返回true。不匹配就返回false.* */var usernameSpanObj = document.getElementById("usernameSpan");// innerHTML 表示起始标签和结束标签中的内容// innerHTML 这个属性可读，可写usernameSpanObj.innerHTML = "国哥真可爱！";if (patt.test(usernameText)) {// alert("用户名合法！");// usernameSpanObj.innerHTML = "用户名合法！";usernameSpanObj.innerHTML = "<img src=\"right.png\" width=\"18\" height=\"18\">";} else {// alert("用户名不合法！");// usernameSpanObj.innerHTML = "用户名不合法！";usernameSpanObj.innerHTML = "<img src=\"wrong.png\" width=\"18\" height=\"18\">";}}</script>
</head>
<body>用户名：<input type="text" id="username" value="wzg"/><span id="usernameSpan" style="color:red;"></span><button onclick="onclickFun()">较验</button>
</body>
getElementsByName方法
代码示例:
<script type="text/javascript">// 全选function checkAll() {// 让所有复选框都选中// document.getElementsByName();是根据 指定的name属性查询返回多个标签对象集合// 这个集合的操作跟数组 一样// 集合中每个元素都是dom对象// 这个集合中的元素顺序是他们在html页面中从上到下的顺序var hobbies = document.getElementsByName("hobby");// checked表示复选框的选中状态。如果选中是true，不选中是false// checked 这个属性可读，可写for (var i = 0; i < hobbies.length; i++){hobbies[i].checked = true;}}//全不选function checkNo() {var hobbies = document.getElementsByName("hobby");// checked表示复选框的选中状态。如果选中是true，不选中是false// checked 这个属性可读，可写for (var i = 0; i < hobbies.length; i++){hobbies[i].checked = false;}}// 反选function checkReverse() {var hobbies = document.getElementsByName("hobby");for (var i = 0; i < hobbies.length; i++) {hobbies[i].checked = !hobbies[i].checked;// if (hobbies[i].checked) {// hobbies[i].checked = false;// }else {// hobbies[i].checked = true;// }}}</script>
</head>
<body>兴趣爱好：<input type="checkbox" name="hobby" value="cpp" checked="checked">C++<input type="checkbox" name="hobby" value="java">Java<input type="checkbox" name="hobby" value="js">JavaScript<br/><button onclick="checkAll()">全选</button><button onclick="checkNo()">全不选</button><button onclick="checkReverse()">反选</button>
</body>
getElementsByTagName方法
代码示例:
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">window.onload = function(){// alert( document.getElementById("btn01") );}// 全选function checkAll() {alert( document.getElementById("btn01") );// document.getElementsByTagName("input");// 是按照指定标签名来进行查询并返回集合// 这个集合的操作跟数组 一样// 集合中都是dom对象// 集合中元素顺序 是他们在html页面中从上到下的顺序。var inputs = document.getElementsByTagName("input");for (var i = 0; i < inputs.length; i++){inputs[i].checked = true;}}</script>
</head>
<body><!--as -->兴趣爱好：<input type="checkbox" value="cpp" checked="checked">C++<input type="checkbox" value="java">Java<input type="checkbox" value="js">JavaScript<br/><button id="btn01" onclick="checkAll()">全选</button></body>
createElement方法
代码示例:
<script type="text/javascript">window.onload = function () {// 现在需要我们使用js代码来创建html标签，并显示在页面上// 标签的内容就是：<div>国哥，我爱你</div>var divObj = document.createElement("div"); // 在内存中 <div></div>var textNodeObj = document.createTextNode("国哥，我爱你"); // 有一个文本节点对象 #国哥，我爱你divObj.appendChild(textNodeObj); // <div>国哥，我爱你</div>// divObj.innerHTML = "国哥，我爱你"; // <div>国哥，我爱你</div>,但，还只是在内存中// 添加子元素document.body.appendChild(divObj);}</script>
节点的常用属性和方法
节点的常用属性和方法
方法
通过具体的元素节点调用
getElementsByTagName()
方法，获取当前节点的指定标签名孩子节点
appendChild( oChildNode )
方法，可以添加一个子节点，oChildNode 是要添加的孩子节点
属性
childNodes
属性，获取当前节点的所有子节点
firstChild
属性，获取当前节点的第一个子节点
lastChild
属性，获取当前节点的最后一个子节点
parentNode
属性，获取当前节点的父节点
nextSibling
属性，获取当前节点的下一个节点
previousSibling
属性，获取当前节点的上一个节点
className
用于获取或设置标签的 class 属性值
innerHTML
属性，表示获取/设置起始标签和结束标签中的内容
innerText
属性，表示获取/设置起始标签和结束标签中的文本
Dom查询练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom查询</title>
<link rel="stylesheet" type="text/css" href="style/css.css" />
<script type="text/javascript">window.onload = function(){//1.查找#bj节点document.getElementById("btn01").onclick = function () {var bjObj = document.getElementById("bj");alert(bjObj.innerHTML);}//2.查找所有li节点var btn02Ele = document.getElementById("btn02");btn02Ele.onclick = function(){var lis = document.getElementsByTagName("li");alert(lis.length)};//3.查找name=gender的所有节点var btn03Ele = document.getElementById("btn03");btn03Ele.onclick = function(){var genders = document.getElementsByName("gender");alert(genders.length)};//4.查找#city下所有li节点var btn04Ele = document.getElementById("btn04");btn04Ele.onclick = function(){//1 获取id为city的节点//2 通过city节点.getElementsByTagName按标签名查子节点var lis = document.getElementById("city").getElementsByTagName("li");alert(lis.length)};//5.返回#city的所有子节点var btn05Ele = document.getElementById("btn05");btn05Ele.onclick = function(){//1 获取id为city的节点//2 通过city获取所有子节点alert(document.getElementById("city").childNodes.length);};//6.返回#phone的第一个子节点var btn06Ele = document.getElementById("btn06");btn06Ele.onclick = function(){// 查询id为phone的节点alert( document.getElementById("phone").firstChild.innerHTML );};//7.返回#bj的父节点var btn07Ele = document.getElementById("btn07");btn07Ele.onclick = function(){//1 查询id为bj的节点var bjObj = document.getElementById("bj");//2 bj节点获取父节点alert( bjObj.parentNode.innerHTML );};//8.返回#android的前一个兄弟节点var btn08Ele = document.getElementById("btn08");btn08Ele.onclick = function(){// 获取id为android的节点// 通过android节点获取前面兄弟节点alert( document.getElementById("android").previousSibling.innerHTML );};//9.读取#username的value属性值var btn09Ele = document.getElementById("btn09");btn09Ele.onclick = function(){alert(document.getElementById("username").value);};//10.设置#username的value属性值var btn10Ele = document.getElementById("btn10");btn10Ele.onclick = function(){document.getElementById("username").value = "国哥你真牛逼";};//11.返回#bj的文本值var btn11Ele = document.getElementById("btn11");btn11Ele.onclick = function(){alert(document.getElementById("city").innerHTML);// alert(document.getElementById("city").innerText);};};
</script>
</head>
<body>
<div id="total"><div class="inner"><p>你喜欢哪个城市?</p><ul id="city"><li id="bj">北京</li><li>上海</li><li>东京</li><li>首尔</li></ul><br><br><p>你喜欢哪款单机游戏?</p><ul id="game"><li id="rl">红警</li><li>实况</li><li>极品飞车</li><li>魔兽</li></ul><br /><br /><p>你手机的操作系统是?</p><ul id="phone"><li>IOS</li><li id="android">Android</li><li>Windows Phone</li></ul></div><div class="inner">gender:<input type="radio" name="gender" value="male"/>Male<input type="radio" name="gender" value="female"/>Female<br><br>name:<input type="text" name="name" id="username" value="abcde"/></div>
</div>
<div id="btnList"><div><button id="btn01">查找#bj节点</button></div><div><button id="btn02">查找所有li节点</button></div><div><button id="btn03">查找name=gender的所有节点</button></div><div><button id="btn04">查找#city下所有li节点</button></div><div><button id="btn05">返回#city的所有子节点</button></div><div><button id="btn06">返回#phone的第一个子节点</button></div><div><button id="btn07">返回#bj的父节点</button></div><div><button id="btn08">返回#android的前一个兄弟节点</button></div><div><button id="btn09">返回#username的value属性值</button></div><div><button id="btn10">设置#username的value属性值</button></div><div><button id="btn11">返回#bj的文本值</button></div>
</div>
</body>
</html>
效果图:
JavaWeb篇-JavaScript相关推荐
- 2019尚硅谷大数据Javaweb篇三 Ajax、JSTL、会话技术、过滤器、监听器、xml、json
2019尚硅谷大数据 Javaweb篇三Ajax.JSTL.会话技术.过滤器.监听器 tags: 大数据 2019尚学堂 categories: Ajax异步请求 JSTL中的if和forEach 会 ...
- javaweb(02) JavaScript基础知识
javaweb(02): JavaScript基础知识 JavaScript简介 为什么出现JavaScript Javascript是什么 JavaScript和Java的关系? 就像卡巴斯基和巴基 ...
- web前端html怎么求最大值和最小值,第8篇-JavaScript专题之如何求数组的最大值和最小值...
前言 取出数组中的最大值或者最小值是开发中常见的需求,但你能想出几种方法来实现这个需求呢? Math.max JavaScript 提供了 Math.max 函数返回一组数中的最大值,用法是: 值得注 ...
- 视频教程-JavaScript - 人工智能 五子棋AI篇-JavaScript
JavaScript - 人工智能 五子棋AI篇 全栈开发工程师,现职于北京一家学院的全栈教学主任. 8年前端开发经验.4年移动端开发经验.4年UI设计经验.3年一线教学经验. 精通Node.JS.P ...
- JavaWeb和JavaScript的学习
第二周周报 本周继续学习了JavaWeb和JavaScript语言相关知识. JavaWeb 本周学习了jsp中内置九大对象(JSP的内置对象是指在JSP页面系统中已经默认内置的Java对象,这些对象 ...
- （四）javaweb 学习--javascript篇基础
文章目录 javascript (数据类型,方法) javascrip使用 javascrip使用进阶 HTML代码 CSS代码 javascript代码 javascrip使用进阶2 HTML代码 ...
- 【JavaWeb】JavaScript基础篇+高级篇
文章目录 1 介绍 2 ECMAScript 2.1 基本语法 2.2 基本对象 3 BOM 3.1 window窗口对象 3.2 location地址栏对象 3.3 history历史记录对象 4 ...
- 【java学习之路】（javaWeb篇）004.JavaScript part2
函数 概述:在JavaScript脚本语言中也有函数概念,函数其实就是将某一个功能进行封装,当你事项用这个功能的时候,需要调用.执行这个函数 比如:我们在前面课程当中学习过一些内置函数 内置函数ale ...
- JavaScript基础一些重要知识-JavaWeb篇
JavaScript目录 JavaScript 引用 变量 关系运算 逻辑运算 数组 ★函数(不允许重载) 函数的隐形参数 自定义对象 js 中的事件 onload onclick onblur on ...
最新文章
- 维特比算法—打字输入预测
- 520这天，我突然意识到，她根本配不上我这么聪明的男人!
- pymysql(part3)--pymysql常用函数
- c语言从html控件sscanf,sscanf与sprintf在C语言中的用法
- 【干货】美团大脑系列之商品知识图谱的构建及应用.pdf（附下载链接）
- 为什么c语言运行了是cmd,为什么C语言的程式码执行都在命令提示符进行？而且学习的基本都是数学问题，跟开发软体有什么关系？...
- 使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果
- Oracle下sqlplus无法使用命令退格删除和历史记录的解决方法--使用rlwrap
- Mac 上使用 zmodem 发送和接收堡垒机文件
- 照着这本“书”，3年量产自动驾驶卡车
- 不得不吐槽的Android PopupWindow的几个痛点（实现带箭头的上下文菜单遇到的坑）...
- 最新HTML微信聊天对话生成器网页源码+实测可用
- 算法：最小公倍数的求解方法
- 根据心电信号计算心率的matlab代码
- 基于STC89C51单片机，CH340芯片的下载电路
- 吴恩达机器学习ex2:逻辑回归
- 【Docker】如何修改Docker的镜像源？
- 2个月公众号粉丝破万的心路历程
- Keep上市，流血不止
- Wireshark怎么抓包、wireshark抓包详细图文教程 [最新绿色版本version 2.6.1 ]