JavaScript学习笔记——JS基础9
2024-06-11 08:03:07
90邮件的正则
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>// 电子邮箱// hello .nihao @ abc .com.cn// 任意字母数字下划线 .任意字母数字下划线@ 任意字母数字 .任意字母（2-5位） .任意字母（2-5位）// \w{3,} (\.\w+)* @ [A-a0-9]+ (\.[A-a{2-5}]){1,2}var emaiReg=/^\w{3,}(\.\w+)*@[A-a0-9]+(\.[A-a{2-5}]){1,2}$/var emali="abc@abc.com.123"console.log(emaiReg.test(emali));</script></head><body></body>
</html>
91DOM简介
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><button id="btn">我是一个按钮</button><script>// 游览器已经为我们提供了 文档节点 对象这个对象是Windows属性// 可以在页面中直接使用，文档节点代表的整个网页// 通过获取button对象var btn=document.getElementById("btn");// 修改按钮的文字// console.log(btn.innerHTML);btn.innerHTML="I'm Button";console.log(btn.innerHTML);</script></body>
</html>
92事件的简介
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 我们可以在事件对应的属性中设置一些js代码这样当事件被触发时，这些代码将会执行这种写法我们称为叫结构和行为耦合，不方便维护，不推荐使用--><!-- <button id="btn" onclick="alert('别点我')">我是一个按钮</button> --><button id="btn">我是一个按钮</button><script>// 事件，就是用户和游览器之间的交互行为// 比如，点击按钮，鼠标移动，关闭窗口// 可以为按钮的对应事件绑定处理函数的形式来响应事件// 获取按钮对象var btn=document.getElementById("btn");// 可以为按钮的对应事件绑定处理函数的形式来响应事件// 这样当事件被触发时，其对应的函数将会被调用 // 绑定一个单击事件// 像这种为点击事件绑定的函数，我们称为单击响应函数btn.onclick=function(){alert("你还点")}</script></body>
</html>
93文档的加载
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>// 游览器在加载一个页面时，是按照自上向下的顺序加载的// 读取到一行就运行一行，如果script标签写到页面的上边// 在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载// 这会导致我们也没有获取到dom对象// onload事件会在整个页面加载完成之后才触发// 为Windows绑定一个onload事件// 该事件对应的响应函数将会在页面加载完毕之后执行，// 这样可以确保我们的代码执行时所有的DOM对象已经加载完毕window.onload=function(){var btn=document.getElementById("btn");btn.onclick=function(){alert("hello");}} </script></head><body><button id="btn">我是一个按钮</button><script>// 将js代码编写到页面的下部就是为了，可以在页面加载完毕后再执行js代码// var btn=document.getElementById("btn");// btn.onclick=function(){// alert("hello");// }</script></body>
</html>
94dom查询
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="css/css.css" /><script type="text/javascript">window.onload=function(){//查找#bj节点// 为id为btn01的按钮绑定一个单击响应函数var btn01=document.getElementById("btn01");btn01.onclick=function(){// 查找bj节点var bj=document.getElementById("bj");// innerHtml通过这个属性可以获取到元素内部的html代码alert(bj.innerHTML);};//查找所有li节点// 为id为btn02的按钮绑定一个单击响应函数var btn02=document.getElementById("btn02");btn02.onclick=function(){// getElementsByTagName()可以根据标签名来获取一组元素节点对象// 这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中// 即使查询到的元素只有一个，也会封装到数组中返回var lis=document.getElementsByTagName("li");// alert(lis.length);// 遍历lisfor(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//查找name=gender的所有节点var btn03=document.getElementById("btn03");btn03.onclick=function(){var inputs=document.getElementsByName("gender");for(var i=0;i<inputs.length;i++){// innerHTML用于获取元素内部的HTML代码的// 对于自结束标签，没有意义// 如果需要读取元素节点属性，直接使用元素.属性名// 例子元素.id 元素.name .value// 注意：class属性不能采用这种方式// 读取class属性时需要使用元素.classNamealert(inputs[i].className);}}//查找#city下所有li节点var btn04=document.getElementById("btn04");btn03.onclick=function(){var inputs=document.getElementsByName("gender");for(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//返回#city的所有子节点//返回#phone的第一个子节点//返回#bj的父节点//返回#android的前一个兄弟节点//读取#username的value属性值//设置#username的value属性值//返回#bj的文本值};</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>
95图片切换的练习
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>*{margin: 0;padding: 0;}#outer{width: 276px;margin: 50px auto;padding: 10px;background-color: yellowgreen;text-align: center;}</style><script>window.onload=function(){//点击按钮切换图片// 获取俩个按钮var perv=document.getElementById("prev");var next=document.getElementById("next");// 要切换图片就是img修改src属性// 获取img标签var img=document.getElementsByTagName("img")[0];// 分别为俩个按钮绑定单击响应函数// 创建一个数组，用来保存图片的路径var imgArr=["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"];// 创建一个变量，来保存当前正在显示的图片的索引var index=0;// 设置提示文字// 获取id为info的元素var info=document.getElementById("info");info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张"perv.onclick=function(){index--;// 判断index是否小于0if(index<0){index=imgArr.length-1}// alert("上一张");img.src=imgArr[index];info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张"}next.onclick=function(){index++;if(index>imgArr.length-1){index=0;}// alert("下一张")// 切换图片就是修改img的src属性// 要修改一个元素的属性 元素.属性=属性值img.src=imgArr[index];// 当点击按钮时，重新设置信息info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张"}}</script></head><body><div id="outer"><p id="info"></p><img src="img/1.jpg" alt=""><button id="prev">上一张</button><button id="next">下一张</button></div></body>
</html>
96DOM查询
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="css/css.css" /><script type="text/javascript">window.onload=function(){//查找#bj节点// 为id为btn01的按钮绑定一个单击响应函数var btn01=document.getElementById("btn01");btn01.onclick=function(){// 查找bj节点var bj=document.getElementById("bj");// innerHtml通过这个属性可以获取到元素内部的html代码alert(bj.innerHTML);};//查找所有li节点// 为id为btn02的按钮绑定一个单击响应函数var btn02=document.getElementById("btn02");btn02.onclick=function(){// getElementsByTagName()可以根据标签名来获取一组元素节点对象// 这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中// 即使查询到的元素只有一个，也会封装到数组中返回var lis=document.getElementsByTagName("li");// alert(lis.length);// 遍历lisfor(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//查找name=gender的所有节点var btn03=document.getElementById("btn03");btn03.onclick=function(){var inputs=document.getElementsByName("gender");for(var i=0;i<inputs.length;i++){// innerHTML用于获取元素内部的HTML代码的// 对于自结束标签，没有意义// 如果需要读取元素节点属性，直接使用元素.属性名// 例子元素.id 元素.name .value// 注意：class属性不能采用这种方式// 读取class属性时需要使用元素.classNamealert(inputs[i].className);}}//查找#city下所有li节点var btn04=document.getElementById("btn04");btn04.onclick=function(){// 获取cityd的元素var city=document.getElementById("city");// 查找#city所有li节点var lis=city.getElementsByTagName("li");for(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//返回#city的所有子节点var btn05=document.getElementById("btn05");btn05.onclick=function(){var city=document.getElementById("city");// childNodes这个属性会获取文本节点在内的所有节点// 根据dom标签间空白也会当做文本节点var cns=city.childNodes;// children获取当前元素的的所有子元素var cns2=city.children;alert(cns2.length);}//返回#phone的第一个子节点var btn06=document.getElementById("btn06");btn06.onclick=function(){var phone=document.getElementById("phone");// 第一个节点// phone.childNodes[0];// firstChild可以获取到当前元素的第一个子节点（包括空白文本）var fir=phone.firstChild;// firstElementChild获取当前元素的第一个元素，不包括空白fir=phone.firstElementChild;}//返回#bj的父节点//返回#android的前一个兄弟节点//读取#username的value属性值//设置#username的value属性值//返回#bj的文本值};</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>
97DOM查询
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="css/css.css" /><script type="text/javascript">// 定义一个函数，专门为指定元素绑定单击响应函数// idStr要绑定单击响应函数的对象的id属性值// fun事件的回调函数，当单击元素时，该函数就会被触发function myClick(idStr , fun){// 为id为btn01的按钮绑定一个单击响应函数var btn=document.getElementById(idStr);btn.onclick=fun;}window.onload=function(){//查找#bj节点// 为id为btn01的按钮绑定一个单击响应函数var btn01=document.getElementById("btn01");btn01.onclick=function(){// 查找bj节点var bj=document.getElementById("bj");// innerHtml通过这个属性可以获取到元素内部的html代码alert(bj.innerHTML);};//查找所有li节点// 为id为btn02的按钮绑定一个单击响应函数var btn02=document.getElementById("btn02");btn02.onclick=function(){// getElementsByTagName()可以根据标签名来获取一组元素节点对象// 这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中// 即使查询到的元素只有一个，也会封装到数组中返回var lis=document.getElementsByTagName("li");// alert(lis.length);// 遍历lisfor(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//查找name=gender的所有节点var btn03=document.getElementById("btn03");btn03.onclick=function(){var inputs=document.getElementsByName("gender");for(var i=0;i<inputs.length;i++){// innerHTML用于获取元素内部的HTML代码的// 对于自结束标签，没有意义// 如果需要读取元素节点属性，直接使用元素.属性名// 例子元素.id 元素.name .value// 注意：class属性不能采用这种方式// 读取class属性时需要使用元素.classNamealert(inputs[i].className);}}//查找#city下所有li节点var btn04=document.getElementById("btn04");btn04.onclick=function(){// 获取cityd的元素var city=document.getElementById("city");// 查找#city所有li节点var lis=city.getElementsByTagName("li");for(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}}//返回#city的所有子节点var btn05=document.getElementById("btn05");btn05.onclick=function(){var city=document.getElementById("city");// childNodes这个属性会获取文本节点在内的所有节点// 根据dom标签间空白也会当做文本节点var cns=city.childNodes;// children获取当前元素的的所有子元素var cns2=city.children;alert(cns2.length);}//返回#phone的第一个子节点var btn06=document.getElementById("btn06");btn06.onclick=function(){var phone=document.getElementById("phone");// 第一个节点// phone.childNodes[0];// firstChild可以获取到当前元素的第一个子节点（包括空白文本）// var fir=phone.firstChild;// firstElementChild获取当前元素的第一个元素，不包括空白// fir=phone.firstElementChild;};// 为id为btn07的按钮绑定一个单击响应函数myClick("btn07",function(){//返回#bj的父节点var bj=document.getElementById("bj");var pn=bj.parentNode;// pn.innerHTMLalert(pn.innerText);// innerText可以获取元素内部中的文本内容// 它和innerHtml相似，不同的是它自动将html去除});//返回#android的前一个兄弟节点myClick("btn08",function(){var android=document.getElementById("android");// 返回#android的前一个兄弟节点var ps=android.previousSibling;// android.previousElementSibling 获取兄弟元素，不包括空白alert(ps.innerHTML);})//读取#username的value属性值myClick("btn09",function(){var um=document.getElementById("username");// 读取um的value的属性值;// 文本框的value属性值就是文本框中填写的内容alert(um.value);})//设置#username的value属性值myClick("btn10",function(){var um=document.getElementById("username");um.value="sfsffs";})//返回#bj的文本值myClick("btn11",function(){var bj=document.getElementById("bj");// alert(bj.innerText);// 获取bj的文本节点var sc=bj.firstChild;alert(sc.nodeValue);})};</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>
98全选练习1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全选练习</title>
<script type="text/javascript">window.onload = function(){var items=document.getElementsByName("items");// 获取全选var checkedAllBox=document.getElementById("checkedAllBox");//1.#checkedAllBtnvar checkedAllBtn=document.getElementById("checkedAllBtn");checkedAllBtn.onclick=function(){// 获取四个多选框items// 设置四个多选框变成选中状态for(var i=0;i<items.length;i++){items[i].checked=true;}// 将全选/全不选设置为选中checkedAllBox.checked=true;}//2.#checkedNoBtnvar checkedNoBtn=document.getElementById("checkedNoBtn");checkedNoBtn.onclick=function(){for(var i=0;i<items.length;i++){items[i].checked=false;}// 将全选/全不选设置为不选中checkedAllBox.checked=false;}//3.#checkedRevBtnvar checkedRevBtn=document.getElementById("checkedRevBtn");checkedRevBtn.onclick=function(){for(var i=0;i<items.length;i++){// 证明多选框已选中，则设置为没选中状态// if(items[i].checked){// items[i].checked=false;// }else{// items[i].checked=true;// }items[i].checked=!items[i].checked;if(!items[i].checked){// 一旦进入判断，则表示证明不是全选// 将checkedAllBox设置为没选中状态checkedAllBox.checked=false;}}}//4.#sendBtn// 提交按钮：// 点击按钮以后，将所有选中的多选框的value属性弹出var sendBtn=document.getElementById("sendBtn");sendBtn.onclick=function(){checkedAllBox.checked=true;for(var i=0;i<items.length;i++){// 先判断多选框是否选中if(items[i].checked){alert(items[i].value);}}}//5.#checkedAllBox// 在事件的响应函数中，响应函数就是给谁绑定的this就是谁checkedAllBox.onclick=function(){for(var i=0;i<items.length;i++){items[i].checked=this.checked;}}//6.items// 如果四个多选框全部选中，checkedAllBox应该也选中，反之；不选中。同步问题// 为四个多选框绑定点击响应函数for(var i=0;i<items.length;i++){items[i].onclick=function(){// 设置checkedAllBox设置为选中状态checkedAllBox.checked=true;// 判断四个多选框是否全选for(var j=0;j<items.length;j++){// 判断四个多选框是否全选// 只要有一个没有选中就是没有全选if(!items[j].checked){// 一旦进入判断，则表示证明不是全选// 将checkedAllBox设置为没选中状态checkedAllBox.checked=false;// 提高性能break;}}}}}</script>
</head>
<body><form method="post" action="">你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选 <br /><input type="checkbox" name="items" value="足球" />足球<input type="checkbox" name="items" value="篮球" />篮球<input type="checkbox" name="items" value="羽毛球" />羽毛球<input type="checkbox" name="items" value="乒乓球" />乒乓球<br /><input type="button" id="checkedAllBtn" value="全 选" /><input type="button" id="checkedNoBtn" value="全不选" /><input type="button" id="checkedRevBtn" value="反 选" /><input type="button" id="sendBtn" value="提 交" /></form></body>
</html>
99全选练习2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全选练习</title>
<script type="text/javascript">window.onload = function(){var items=document.getElementsByName("items");// 获取全选var checkedAllBox=document.getElementById("checkedAllBox");//1.#checkedAllBtnvar checkedAllBtn=document.getElementById("checkedAllBtn");checkedAllBtn.onclick=function(){// 获取四个多选框items// 设置四个多选框变成选中状态for(var i=0;i<items.length;i++){items[i].checked=true;}// 将全选/全不选设置为选中checkedAllBox.checked=true;}//2.#checkedNoBtnvar checkedNoBtn=document.getElementById("checkedNoBtn");checkedNoBtn.onclick=function(){for(var i=0;i<items.length;i++){items[i].checked=false;}// 将全选/全不选设置为不选中checkedAllBox.checked=false;}//3.#checkedRevBtnvar checkedRevBtn=document.getElementById("checkedRevBtn");checkedRevBtn.onclick=function(){for(var i=0;i<items.length;i++){// 证明多选框已选中，则设置为没选中状态// if(items[i].checked){// items[i].checked=false;// }else{// items[i].checked=true;// }items[i].checked=!items[i].checked;if(!items[i].checked){// 一旦进入判断，则表示证明不是全选// 将checkedAllBox设置为没选中状态checkedAllBox.checked=false;}}}//4.#sendBtn// 提交按钮：// 点击按钮以后，将所有选中的多选框的value属性弹出var sendBtn=document.getElementById("sendBtn");sendBtn.onclick=function(){checkedAllBox.checked=true;for(var i=0;i<items.length;i++){// 先判断多选框是否选中if(items[i].checked){alert(items[i].value);}}}//5.#checkedAllBox// 在事件的响应函数中，响应函数就是给谁绑定的this就是谁checkedAllBox.onclick=function(){for(var i=0;i<items.length;i++){items[i].checked=this.checked;}}//6.items// 如果四个多选框全部选中，checkedAllBox应该也选中，反之；不选中。同步问题// 为四个多选框绑定点击响应函数for(var i=0;i<items.length;i++){items[i].onclick=function(){// 设置checkedAllBox设置为选中状态checkedAllBox.checked=true;// 判断四个多选框是否全选for(var j=0;j<items.length;j++){// 判断四个多选框是否全选// 只要有一个没有选中就是没有全选if(!items[j].checked){// 一旦进入判断，则表示证明不是全选// 将checkedAllBox设置为没选中状态checkedAllBox.checked=false;// 提高性能break;}}}}}</script>
</head>
<body><form method="post" action="">你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选 <br /><input type="checkbox" name="items" value="足球" />足球<input type="checkbox" name="items" value="篮球" />篮球<input type="checkbox" name="items" value="羽毛球" />羽毛球<input type="checkbox" name="items" value="乒乓球" />乒乓球<br /><input type="button" id="checkedAllBtn" value="全 选" /><input type="button" id="checkedNoBtn" value="全不选" /><input type="button" id="checkedRevBtn" value="反 选" /><input type="button" id="sendBtn" value="提 交" /></form></body>
</html>
JavaScript学习笔记——JS基础9相关推荐
- JavaScript学习笔记——JS基础0
JavaScript的起源: JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证.所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则.比如:用户名的长度,密码的长度, ...
- 1. JavaScript学习笔记——JS基础
1. JavaScript基础 1.1 语法 严格区分大小写 标识符,第一个字符可以是 $,建议使用小驼峰法, 保留字.关键字.true.false.null不能作为标识符 JavaScript是用U ...
- JavaScript学习笔记——JS中的变量复制、参数传递和作用域链
今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执 ...
- Javascript学习总结 - JS基础系列 二
简述 本系列将持续更新Javascript基础部分的知识,谁都想掌握高端大气的技术,但是我觉得没有一个扎实的基础,我认为一切高阶技术对我来讲都是过眼云烟,要成为一名及格的前端工程师,必须把基础打扎实了 ...
- Javascript学习总结 - JS基础系列三
简述 本系列将持续更新Javascript基础部分的知识,谁都想掌握高端大气的技术,但是我觉得没有一个扎实的基础,我认为一切高阶技术对我来讲都是过眼云烟,要成为一名及格的前端工程师,必须把基础打扎实了 ...
- 菜鸟教程-Javascript学习笔记-JS函数之前
教程连接是: https://www.runoob.com/js/js-tutorial.html DOM(一些操作页面元素的方法) BOM(一些操作浏览器的方法) ################# ...
- 廖雪峰JavaScript学习笔记（基础及数据类型、变量）
先睹为快 alert('我要学JavaScript!'); Run: 基本语法: 1.每个语句以;结束,不强制 2.语句块用{...} 3.//单行注释,/*...*/ 多行注释 数据类型: 1.不区 ...
- JavaScript学习笔记——JS错误处理
JavaScript 错误 try 语句测试代码块的错误 catch 语句处理错误 throw 语句创建自定义错误 JavaScript抛出错误 当错误发生时,当事情出问题时,JavaScript 引 ...
- [Javascript学习笔记]JS变量不声明也能使用，直接天下无敌！
认识变量 什么是变量 变量 变量的输入与输出 同时声明多个变量 声明变量特殊情况 变量命名规范 什么是变量 本质:变量是程序在内存中申请的一块用来存放数据的空间. 变量 变量的输入与输出 <!D ...
最新文章
- 又见灵异事件，li中的span右浮动遇到的问题
- 我们学校的DV作品——《感悟青春》
- RocketMQ控制台安装教程
- python找人,PythonOpenCV：查找未知人物
- 【项目实战课】基于Pytorch的StyleGAN v1人脸图像生成实战
- C#中调用Windows系统服务exe程序的工具类与重启服务的流程
- mysql 及时点还原_mysqlbinglog基于即时点还原
- JQuery和php方面的填空题,PHP复习题（问答题）
- python访问网站添加请求头_Python headers请求头如何实现快速添加
- Java新手之Java 从代码到运行的过程
- MVVM是什么？谈谈你对MVVM的理解？
- 成功加入微软GDI计划
- python3 的optparse库_了解python的optparse
- html入门的常见问题
- python支持wps_Linux上使用python调用WPS二次开发接口
- python自带的库有哪些_python自带库
- 解决在微信中不能直接发送和下载APK的方案
- python编程代码-几个Python小案例，爱上Python编程！
- 读取图片信息并存储数据为CSV文件
- java bmp 变色_java怎么实现将 bmp图片黑底白字转换为白底黑字？将白色设置为透明色，谢谢...