Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。如果想要更高效、更系统地学会javascript，最好采用边学边练的学习模式。如果觉得javascript的学习难度较高，不易理解，建议采用视频的方式进行学习，更易初学者吸收：在线观看：https://www.bilibili.com/video/BV1Ft411N7R3 资料下载：http://www.bjpowernode.com/javavideo/207.html JavaScript介绍 JavaScript包括三块：ECMAScript、DOM、BOM 嵌入JS三种方式以及JS的注释 标识符和关键字 变量 function 函数名(形式参数列表){
函数体;
}function sum(a, b){
return a + b;
}函数名 = function(形式参数列表){
函数体;
}sum = function(a, b){
return a + b;
}<script type="text/javascript">
sayHello();
function sayHello(){
alert("Hello JS");
}
</script><script type="text/javascript">
function sayHello(){
alert("hello js");
}
</script>
<input type="button" value="hello" />JS数据类型 typeof运算符 JS中为什么会有typeof运算符 typeof运算符怎么用，代码怎么写 function sum(a, b){
if("number" === typeof a && "number"=== typeof b){
return a + b;
}
alert("数据格式不合法");
return 0;
}"undefined"
"number"
"string"
"boolean"
"object"
"function"ES6版本之前的数据类型有6种 null NaN undefined区别 （1）=、==、===三者的区别（2）null NaN undefined三者类型不同，null和undefined的值可以等同JS中的事件 常用事件 （1）blur失去焦点（2）change下拉列表选中项改变，或文本框内容改变（3）click鼠标单击（4）dblclick鼠标双击（5）focus获得焦点（6）keydown键盘按下（7）keyup键盘弹起（8）load页面加载完毕（9）mousedown鼠标按下（10）mouseover鼠标经过（11）mousemove鼠标移动（12）mouseout鼠标离开（13）mouseup鼠标弹起（14）reset表单重置（15）select文本被选定（16）submit表单提交注册事件的两种方式 （1）在标签中使用事件句柄的方式注册事件<body ></body><script>
window.onload = sayHello;
</script>
<script>
window.onload = function(){
}
</script>代码的执行顺序 这是一种错误的写法：<body>
<script type="text/javascript">
var elt = document.getElementById("btn");
</script>
<input type="button" id="btn" value="mybtn"/>
</body><body>
<input type="button" id="btn" value="mybtn"/>
<script type="text/javascript">
var elt = document.getElementById("btn");
</script>
</body><body>
<script type="text/javascript">
window.onload = function(){
var elt = document.getElementById("btn");
}
</script>
<input type="button" id="btn" value="mybtn"/>
</body>JS运算符之void JS之控制语句 JS内置对象 BOM和DOM的区别与联系 DOM编程案例 innerHTML innerText操作div和span JS的正则表达式(Regular Expression) 正则表达式概述 常用的正则表达式符号 参考30分钟入门正则表达式：^ 字符串开始
$ 字符串结束
\s 空白
* 0~N次
+ 1~N次
? 0或1次
{3} 3次
{3,} 3~N次
{3,5} 3~5次
(a|b) a或b
[a-z] a到z
[^abc] 不是abc会写简单的正则表达式 （1）qq号正则（2）必须由数字和字母组成，不能含有其它符号的正则（3）给学生一些常用的正则表达式会创建JS中的正则表达式对象 （1）var regExp = new RegExp("^[1-9][0-9]{4,}$");（2）var regExp = /^[1-9][0-9]{4,}$/;会调用JS中正则表达式对象的test()函数 写一个校验用户名只能由数字和字母组成的案例表单验证 （1）用户名不能为空（2）用户名必须在6-14位之间（3）用户名只能由数字和字母组成，不能含有其它符号（正则表达式）（4）密码和确认密码一致，邮箱地址合法。（5）统一失去焦点验证（6）错误提示信息统一在span标签中提示，并且要求字体12号，红色。（7）文本框再次获得焦点后，清空错误提示信息，如果文本框中数据不合法要求清空文本框的value（8）最终表单中所有项均合法方可提交复选框全选和取消全选 document.getElementById() document.getElementsByName() document.getElementsByTagName() 获取下拉列表选中项的value change事件显示网页时钟 window.setInterval()window.clearInterval()主要两个函数捎带着提一下window.setTimeout()拼接html的方式，设置table的tbody <table>
<thead></thead>
<tbody id="userListTbody"></tbody>
</table>
<script>
var html = "";
html += "<tr>";
html += "<td>";
html += "zhangsan";
html += "</td>";
html += "<td>";
html += "2000-10-11";
html += "</td>";
html += "</tr>";
html += "<tr>";
html += "<td>";
html += "lisi";
html += "</td>";
html += "<td>";
html += "2001-10-11";
html += "</td>";
html += "</tr>";
var userListTbody = document.getElementById("userListTbody");
userListTbody.innerHTML = html;
<script>要求学生在此之后会使用浏览器的F12 会使用F12调试面板：第一会调错；第二会定位并查看HTML页面元素。BOM编程案例 window.open()和window.close() window.alert()和window.confirm() 如果当前窗口不是顶级窗口，将当前窗口设置为顶级窗口 if(window.top != window.self){
window.top. location = window.self. location;
}JSON对象 eval函数 怎么创建json对象以及访问json对象的属性 json在开发中有什么用 总结一下浏览器向服务器发送请求的常见方式 
开发技术
发布于：2021-06-23 13:23
|
阅读数：451
|
评论：0
QQ好友和群
QQ空间
