JAVA萌新学习day26 JavaScript

最新推荐文章于 2024-05-28 20:00:43 发布
最新推荐文章于 2024-05-28 20:00:43 发布
阅读量194 收藏 1
点赞数
分类专栏： JAVA萌新学习手册
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43628976/article/details/103588546
版权
JAVA萌新学习day26 JavaScript
一.概念及用法

Js中的事件

  • onclick 单击时触发的事件

  • ondblclick 双击时触发的事件

  • onload 页面加载完成之后执行

​

<Script>
window.onload=function(){



}

</script>
-------------------------------------
<body onload="showp()">
  • onselect
<input  onselect="alert('别放手')" /><!-- 选中的时候触发的方法 -->
  • onsubmit

​ 表单提交的时候触发

​ 更多的用于验证表单数据合法性 当οnsubmit="return false"的时候 表单不会被提交 return true的时候才会提交；


		<form action="#" method="post"  onsubmit="return checkUsername()">
			
		  用户名:<input  name="username" id="uid"/><br/>
		  密码:  <input  name="password" /><br/>    
			     <input type="submit" value="提交">
		</form>

  • onfocus

    获得焦点时触发的方法

  • onblur

    失去焦点时触发的方法

<input   onfocus="alert('客官来了')"  onblur="alert('官人别走')" />

  • onchange

    当下拉框的值改变的时候

	选择你的心动女士:
		<select onchange="alert('感谢您的选择')">
			
			<option>凤姐</option>
			<option>石榴姐</option>
			<option>乔碧萝</option>
			<option>杨幂</option>
			
		</select>

  • onmousemove

    鼠标移入时触发的事件

  • onmouseout

​ 鼠标移出时触发的事件

<div onmousemove="this.style.backgroundColor='red'"  onmouseout="this.style.backgroundColor='skyblue'"></div>

JavaScript RegExp 对象

RegExp 对象

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

语法

var patt=new RegExp(pattern,modifiers);

或者更简单的方式:

var patt=/pattern/modifiers;

  • pattern（模式） 描述了表达式的模式
  • modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

**注意：**当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。比如，以下是等价的：

var re = new RegExp("\\w+");
var re = /\w+/;

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符描述
i执行对大小写不敏感的匹配。
g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m执行多行匹配。

方括号

方括号用于查找某个范围内的字符：

表达式描述
[abc]查找方括号之间的任何字符。
[^abc]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
[adgk]查找给定集合内的任何字符。
[^adgk]查找给定集合外的任何字符。
(red|blue|green)查找任何指定的选项。

元字符

元字符（Metacharacter）是拥有特殊含义的字符：

元字符描述
.查找单个字符，除了换行和行结束符。
\w匹配字母或数字或下划线 等价于 [A-Za-z0-9_]
\W查找非单词字符。
\d查找数字。
\D查找非数字字符。
\s查找空白字符。
\S查找非空白字符。
\b匹配单词边界。
\B匹配非单词边界。
\0查找 NULL 字符。
\n查找换行符。
\f查找换页符。
\r查找回车符。
\t查找制表符。
\v查找垂直制表符。
\xxx查找以八进制数 xxx 规定的字符。
\xdd查找以十六进制数 dd 规定的字符。
\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词描述
n+匹配任何包含至少一个 n 的字符串。
n*匹配任何包含零个或多个 n 的字符串。
n?匹配任何包含零个或一个 n 的字符串。
n{X}匹配包含 X 个 n 的序列的字符串。
n{X,Y}匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,}匹配包含至少 X 个 n 的序列的字符串。
n$匹配任何结尾为 n 的字符串。
^n匹配任何开头为 n 的字符串。
?=n匹配任何其后紧接指定字符串 n 的字符串。
?!n匹配任何其后没有紧接指定字符串 n 的字符串。

RegExp 对象方法

方法描述FFIE
compile编译正则表达式。14
exec检索字符串中指定的值。返回找到的值14
test检索字符串中指定的值。返回 true 或 false。14

支持正则表达式的 String 对象的方法

方法描述FFIE
search检索与正则表达式相匹配的值。14
match找到一个或多个正则表达式的匹配。14
replace替换与正则表达式匹配的子串。14
split把字符串分割为字符串数组。14
var reg=/^[A-Za-z_$]\w{7,15}$/; //8-15密码 不以数字开头

常用正则表达式

Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

18位身份证号：^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$

帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

Dom

全称：document object model 文档对象模型

概念：HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

获取元素的四个方法

  • 根据元素id获取元素
 var p=document.getElementById("pid");//跟据元素id获取元素
 var str=p.innerHTML;//innertHTML 获取元素内容 包含html元素与文本
 var str1=p.innerText;//获取元素内容 但是不包括Html元素 只包含文本信息
 alert(str1);

  • 根据类名获取元素集合

    var divs=document.getElementsByClassName("dclass");//通过类名获取元素集合
				
				for(var i=0;i<divs.length;i++){
				var divContent=divs[i].innerHTML;
					alert(divContent); 
					divs[i].innerHTML='a';
				}

  • 根据name属性获得元素集合

	 var inps=document.getElementsByName("sex");//通过name属性获得元素集合
				for(var i=0;i<inps.length;i++){
					
					alert(inps[i].value);
					
	}

  • 跟据标签名获得元素集合

    	var divs=document.getElementsByTagName("div");//通过标签名获取元素集合 
				
				for(var i=0;i<divs.length;i++){
					var text=divs[i].innerText;
					alert(text);
				}
改变元素内容
 var p=document.getElementById("pid");//跟据元素id获取元素
 var str=p.innerHTML;//innertHTML 获取元素内容 包含html元素与文本
 var str1=p.innerText;//获取元素内容 但是不包括Html元素 只包含文本信息
js操作属性
var div=document.getElementById("did");
				div.setAttribute("name","dname");//设置属性
				var value=div.getAttribute("name");//获取属性值
js给元素添加事件
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			
			window.onload=function(){
				
				document.getElementsByTagName("button")[0].onclick=function(){
					
					alert(1);
				}
				
			}
		</script>
		
	</head>
	<body>
		
		<button >弹一下</button>
	</body>
</html>
js操作属性切换图片
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function changeImg(){
				
				var img=document.getElementById("imgid");
				img.src="img/133.jpg";
				
			}
			
			
			
		</script>
	</head>
	<body>
		
		<img  id="imgid" src="img/122.jpg" />
		
		<button onclick="changeImg()">出去，换一位</button>
	</body>
</html>
js添加元素
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			
			function addEle(){//在body中添加一个元素
				
				
				var div=document.createElement("div");
				var body=document.getElementsByTagName("body")[0];
				body.appendChild(div);
				
				var p=document.createElement("p");
				body.appendChild(p);
				
			}
			
			function addRow(){
				
				var table=document.getElementById("tb");
				
				var tr=document.createElement("tr");
				
				 var td1=  document.createElement("td");
				 var td2=  document.createElement("td");
				 var td3=  document.createElement("td");
				 var td4=  document.createElement("td");
				 
				 td1.innerText="1002";
				 td2.innerText="小芳";
				 td3.innerHTML="17";
				 td4.innerHTML="女";
				 
				 tr.appendChild(td1);
			     tr.appendChild(td2);
				 tr.appendChild(td3);
				 tr.appendChild(td4);
				 
				 table.appendChild(tr);
				
			}
			
			function del(){
				
				document.getElementsByTagName("tr")[1].remove();
				
				
			}
			
		
			
			
		</script>
		
		
	</head>
	<body>
		
		<table border="1px" cellspacing="0"  id="tb">
			
			
			<tr>
				<th>ID</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			
			<tr>
				<td>1001</td>
				<td>小红</td>
				<td>16</td>
				<td>女</td>
			</tr>
			
			
			
		</table>
		
		
		
		<button onclick="addRow()">添加一行</button>
		<button onclick="del()">删除一行</button>
		
		
		
		<!-- <button οnclick="addEle()">添加一个div</button> -->
		
		
		
		
	</body>
</html>
SetInterval() 和SetTimeout（）

SetInterval(function,毫秒值)

作用：间隔 毫秒值 执行 function 循环执行

SetTimeout（function,毫秒值）

作用: 延迟毫秒值 执行方法 只执行一次

js向页面输出内容

会覆盖页面本身html元素

window.onload=function(){
				document.write("<h1>我是一个H标签</h1>")
				
			}
二.代码部分

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script>
			
			
			
			
			var str=prompt("今天早上您吃了什么？");//带有输入框的弹窗 我们可以声明变量去接受用户输入的值
			
			
			alert("今天我吃了"+str);//弹窗函数
			
			
			var isCold=confirm("今天冷吗？");//带有确认和取消的弹窗 用户点击确定的时候 会返回true 点取消返回false值 
			
			console.log("我是一行日志信息");//控制台打印信息
			
			
			alert(isCold);
			
			document.write("<h1 style='color: red;'>我是一个h1</h1>");//直接向页面中写入元素  注意 可能会覆盖页面本身的元素
		</script>
	</head>
	<body>
		
		
		
		
	</body>
</html>

json.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			var teacher={id:1,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var t1={id:1,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var t2={id:2,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var t3={id:3,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var id=teacher.id;
			var city=teacher.add.city;
			var hobby=teacher.hobby[0];
			var ts=[t1,t2,t3];
			var ts1=[
				{id:1,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]},
				{id:2,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
				{id:3,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			];
			alert(ts[2].id);
		</script>
	</head>
	<body>
	</body>
</html>

js数据类型.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			var i=10;
			var j=10.1;
			var k=true;
			var s="Hello";
			var teacher={id:1,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var arr=new Array(3);//长度可变 会随着元素的添加长度变长
			alert(arr.length);
			arr[0]=1;
			arr[1]=2;
			arr[2]=3;
			arr[3]=4;
			var arr1=["a","b",1];		
				alert(arr[3]);
				alert(arr.length);
		 </script>
	</head>
	<body>
	</body>
</html>

js增强for循环.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			var i=10;
			var j=10.1;
			var k=true;
			var s="Hello";
			var teacher={id:1,name:"田晋宇",age:18,add:{province:"山西",city:"太原"},hobby:["打游戏","读书","睡觉"]};
			var arr=new Array(3);//长度可变 会随着元素的添加长度变长
			alert(arr.length);
			arr[0]=1;
			arr[1]=2;
			arr[2]=3;
			arr[3]=4;
			var arr1=["a","b",1];		
				alert(arr[3]);
				alert(arr.length);
		 </script>
	</head>
	<body>
	</body>
</html>

String.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			
			var s1=new String("hello");
			var s2=new String("hello");
			var s3="hello";
			var s4="hello";
			
			alert(s3 instanceof String);
	</script>
	</head>
	<body>
	</body>
</html>

闭包.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function b() {
				var num = 10; //没有释放                /*函数包含函数*/        
				function c() {
					num++;
					document.write(num);
					document.write("<br />")
				}
				return c;
			}
			var f = b(); //f是一个函数：闭包       
			f();          
			f();     
			f();
		</script>
	</head>
	<body>
	</body>
</html>

函数.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			/* function add(i,j){
				return i+j;
			}
			var i=add(3,4);
			alert(i); */
			
			/*匿名函数(自执行匿名函数)*/ 
			/* (function(s){
				document.write("这是一个自执行匿名函数"+s); 
			})("hahaha"); */

		</script>
	</head>
	<body>
	</body>
</html>

简单函数.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			
			
			//alert(isNaN(b));//不是数字就是true  不看类型看值
			
			
			//string 转 number
			var s="10";
			alert(typeof s);//string
			var i=parseInt(s);
			alert(i);
			alert(typeof i);//number
			
			
			
			
			
			  /* typeof 的使用
			  var i=10;
			  var s="1";
			  var b="b";
			  var n=null;
			  var arr=[1,2,3];
			  var arr1=new Array(3); */
			/* alert(typeof i) 
			 alert(typeof s) 
			 alert(typeof n);//object
			 alert(typeof arr);//object
			 alert(typeof arr1)//object */
			 
			  
			
		</script>
	</head>
	<body>
	</body>
</html>

事件.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			div{
				
				height: 100px;
				width: 100px;
				background-color: red;
				border: black solid 1px;
				
			}
		</style>
		<script>
			
			
			
			
			/* window.οnlοad=function(){//页面加载完执行
				var str=document.getElementById("pid").innerText;
				alert(str);
			} */
			
			function show(){
				alert("show 了");
			}
			function ff1(){
				console.log("log 了");
			}
			function lost(){
				alert("你终于失去了我")
			}
			function indiv(e){
				e.style.backgroundColor="green";
			}
			function outdiv(e){
				e.style.backgroundColor="red";
			}
			
			function key(e){
				
				var keynum;
				if(window.event){ // IE chrome
				  alert("ie");
				  keynum = e.keyCode;
				}else if(e.which){// Netscape/Firefox/Opera
				  alert("not ie");
				  keynum = e.which;
				 }
				alert(keynum);
			}
			
			function shiftLogin(e){//keychar = String.fromCharCode(keynum)  将 按键值 转为按键字符
				var keynum;
				if(window.event){ // IE chrome
				  keynum = e.keyCode;
				}else if(e.which){// Netscape/Firefox/Opera
				  keynum = e.which;
				 }
				 
				 if(keynum==16){
					 alert("你按了shift");
					 document.getElementById("inp").click();
				 }
				 
			}
			
		</script>
		
		
	</head>
	<body>
		
		<button onclick="show()">点我</button><br/>
		<select onchange="show()">
			<option>橘子</option>
			<option>香蕉</option>
			<option>苹果</option>
			<option>猕猴桃</option>
		</select>
		
		<div onmouseover="indiv(this)" onmouseout="outdiv(this)"></div>
		
		
		<input onkeydown="key(event)" />
		
		<hr/>
		
		<fieldset style="width: 200px;">
			<form action="#" method="post">
			<label>账号:<input name="" /></label><Br/>
			<label>密码:<input name="" onkeydown="shiftLogin(event)" /></label><Br/>
			<input type="submit" value="登陆" id="inp"  />
			</form>
		</fieldset>
		<hr/>
		
		
		<p id="pid">我是p标签</p>
		<hr/>
		<input onfocus="ff1()" onblur="lost()"/>
		
		
		
	</body>
</html>

外部引入.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script src="js/my.js"></script>
		<script>
			
			/* i:for (int i=0;i<100;i++) {
				for (int i=0;i<100;i++) {
					break i;
				}
			} */
			
		</script>
	</head>
	<body>
		<button onclick="alert('我是一个元素内部的js')">点我</button>
		
	</body>
</html>

正则表达式.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function checkUser(){
				var user=document.getElementById("user").value;//用户输入的值
				
				var reg=new RegExp("^[A-Z]\\w{7,14}$");//创建一个正则表达式对象   必须是大写字母开头 8,15 \w 表示数字字母下划线
				var isOk=reg.test(user);
				if(isOk){
					alert("对")
				}else{
					
				}
			}
			
			
		</script>
		
		
	</head>
	<body>
		<fieldset style="width: 200px;">
		<form action="#" method="get">
			
			账号:<input id="user" onblur="checkUser()" /><br/>
			密码:<input id="pwd" /><br/>
			Email:<input id="email" /><br/>
			电话:<input id="tel" /><br/>
			<input type="submit" value="提交" />
		</form>
		
		</fieldset>
	</body>
</html>

正则表达式入门.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			/* var reg=new RegExp("[123abc]","i")  忽略大小写匹配*/
			//var reg=new RegExp("[^123abc]") 除了123abc的字符
			/* var reg=new RegExp("[0-9]") 数字
			var isOk=reg.test("0.1") */
			
			/* var reg=new RegExp("(abc|aaa|bbb)")  从小括号中选一个整体 或的关系 匹配字符只要有部分满足即可*/
			/* var reg=new RegExp("天.门") */
			
			/* var reg=/ob/;
			var isOk=reg.test("A gobat grunted");
			alert(isOk); */
			// var isOk=reg.test("天门");
			// alert(isOk);
			
			/* var reg=/e+le?/;
			var isOk=reg.test("le");
			alert(isOk); */
			/* var reg=/[0-9]{5,8}/;
			var isOk=reg.exec("123456123123123");
			alert(isOk); */
			/* ......................String对正则表达式的支持 */
		/* 	var str="http://localhost:8080/UserSys/select?id=1";
			var id=str.split("=")[1];
			alert(id) */
			
			/* var str="www1baidu1co111111m";
			var arr=str.split(/[0-9]/)
			alert(arr); */
			
			var str="www.baidu.com";
			var s=str.replace("w","a")
			alert(s);
			
		</script>
	</head>
	<body>
	</body>
</html>
并不gay的摇光
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端学习-day03-JavaScript
Javaw1212的博客
08-26 3952
交互性强: 由于JS语言是嵌入到HTML页面中undefined最终执行在客户端的浏览器中的语言undefined和用户是直接接触undefined Java语言是运行在服务器的语言undefined 用户需要进行交互的话必须通过网络才可以undefined所以JS语言的交互性会更强.==和===区别: ==先统一等号两边变量的类型 再比较值undefined ===先比较两个变量的类型undefined类型一致后再比较值. "666"==666 true "666"===666 false。...
day09_JavaScript基础1
08-08
学习JavaScript的基础，主要包括以下几个方面： 1. **基本语法**：JavaScript的语法与Java有相似之处，但也存在差异。例如，注释可以使用单行注释`//`或多行注释`/* ... */`。在数据类型上，JavaScript有五种原始...
Java学习笔记
stange1的博客
05-06 5282
1.2.1 首先找到此电脑，右键点击属性，可以按照下面的界面；点击【高级系统设置】，再点击【环境变量】 1.2.2 找到JDK的bin目录，复制一下 1.2.3 将JDK的bin目录粘贴在Path环境变量后面 1.2.4.在CMD输入javac -version 看提示信息是否显示你安装JDK的版本号​ 1、java 基础（Java SE）标准版 2、就业方向：①JavaEE软件工程师②大数据③android开发 3、运行原理示意图 4、Java 开发注意事项和细节说明 5、如何快速掌握技术或知识点 代
Java基础入门day35
zpz2001的专栏
04-18 1195
Java基础入门
Java11 新特性深度解析
码到三十五
05-28 8392
Java 11的发布，标志着这一成熟语言又向前迈进了一大步，它不仅继承了Java一贯的稳健与可靠，更在多个方面进行了创新与优化。在Java 11中，我们可以看到对性能、安全性和易用性的全面提升。从增强的HTTP/2支持到改进的Java Compiler API，再到更加灵活的模块化系统和启动时间的优化，每一项改进都体现了Java团队对用户体验和开发者效率的深刻关注。
Java阶段三Day03
今天你学Java了吗
05-24 779
今天是学习Java阶段三的第三天，学习JS的一些知识，回顾了基础的如关系符、循环语句、条件语句等知识，了解了BOM和DOM，学习了前端设计模式
JavaScript常用库和API学习文档
AIWWY的博客
09-21 1195
jQuery jQuery API中文文档 jQuery API 中文文档 | jQuery 中文网 jQuery速查表 jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1 轮播图库（Swiper.js） Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 日期处理类库（Moment.js） Moment.js 中文网 better-s
JavaScript学习--Day01
Cure The World的博客
09-04 1166
JavaScript是什么，能干什么？ 一个网页的结构，是通过HTML决定的 CSS决定了这个网页的样式 这个网页的行为是通过JavaScript决定的 JavaScript发展史 它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，浏览器对象模型。 N
Java 11，Spring Boot和JavaScript中的i18n
专业的开发者“讨论”
04-23 1401
什么是i18n和l10n？ 国际化（i18n）是提出申请的过程能用多种&#...
JavaWeb系列三: JavaScript学习 上
你好, 我在学java的博客
03-10 3965
前端js学习
kettle开发篇-JavaScript脚本-Day31
qq_29061315的博客
12-29 3796
前言： 昨天我们讲了映射，映射可以帮我来将转换进行封装便于我们的重用，今天我们来讲解下JavaScript脚本，可以通过JavaScript脚本来处理一些复杂的转换问题。JavaScript脚本就是使用JavaScript语言通过代码编程来完成对数据流的操作。JS中有很多内置函数，可以在编写JS代码时查看。 一、JavaScript脚本 JavaScript脚本就是使用JavaScript语言...
day10_JavaScript高级1
08-08
JavaScript 高级课程主要涵盖了BOM（Browser Object Model）和DOM（Document Object Model）对象，以及如何使用它们来实现特定的交互效果。DOM是HTML和XML文档的编程接口，允许JavaScript与网页内容进行交互，包括...
day10_JavaScript高级_docx1
08-04
JavaScript高级课程主要涵盖了Browser Object Model (BOM)和Document Object Model (DOM)两个重要概念，以及相关的实践案例。BOM是浏览器对象模型，它允许JavaScript与浏览器交互，而DOM则是HTML或XML文档的对象表示...
CoreJava_day05_all.zip_JavaScript/JQuery_Java_
08-11
在本压缩包“CoreJava_day05_all.zip”中，主要涵盖了JavaScript、jQuery以及Java的基础知识，这些都是编程领域中至关重要的技术。以下是这些技术的详细解释： **JavaScript**： JavaScript是一种广泛应用于网页和...
15day-study-jquery-.rar_JavaScript/JQuery_Java_
08-11
在本资源"15day-study-jquery-.rar"中，你将踏上一个为期15天的快速学习jQuery的旅程。jQuery是一个强大的JavaScript库，它极大地简化了JavaScript编程，特别是对于网页上的DOM操作、事件处理、动画效果以及AJAX交互...
大学生挑战杯-喜树根器官培养和抗癌物质喜树碱生成的研究.rar
07-26
大学生挑战杯-喜树根器官培养和抗癌物质喜树碱生成的研究.rar
b278视频及游戏管理平台-springboot+vue.zip（可运行源码+sql文件+）
07-26
视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。
大模型应用-为Ollma开发的简单的HTML网页UI应用-附项目源码-优质项目实战.zip
最新发布
07-26
大模型应用_为Ollma开发的简单的HTML网页UI应用_附项目源码_优质项目实战
基于JAVA局域网监听软件的设计与开发(源代码+论文).rar
07-26
基于JAVA局域网监听软件的设计与开发(源代码+论文).rar
"Day10_JavaScript高级1：DOM的功能与控制HTML文档
本节课主要学习了JavaScript高级的内容，包括BOM对象和DOM对象的使用以及四个案例的实践。下面对每个部分进行详细总结： 1. BOM对象：BOM对象是JavaScript的浏览器对象模型，通过BOM可以控制浏览器的行为和属性。本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值