第1节. Html标记操作
#JavaScript#我们知道，Html语言是静态的，Html标记的内容本身不能动态改变，而如果使用JavaScript语言就能让Html标记的内容动起来，使可动态发生变化。
JavaScript开发-Html标记操作
这里我们举一个例子，使用JavaScript代码，将Html中的div标记原来的文本内容修改为“你好”。 JavaScript代码如下：
Hello
这段JS代码的功能说明如下：
(1). 使用了function封装了一个setValue()函数，相当于C#中的方法。都是对业务功能逻辑代码封装起来，以供调用。
(2). 在修改HTML标记之前，首先要使用document.getElementById()方法根据Id值获取该HTML元素。
(3). 然后再使用相关的属性改变元素的内容。
(4). 在JavaScript中，所有的变量全部使用var关键字定义。
对于Html中的div标记，如果要修改该标记的文本内容，则要使用innerText属性，使用innerText属性不仅可以获取Html标记的文本内容，还可以给该标记赋值。
将上面的Html+JavaScript代码运行一下，查看一下结果：
第一次运行后，Div标记中显示了原来的“Hello”文本内容，现在我们点击“赋值”按钮通过JS代码修改一下div标记的文本值。当点击过按钮之后，页面是不会刷新的，因为这是使用js实现的功能，本身就在浏览器中执行，不会发送到服务器端。
可见，使用JavaScript代码已经将div标记中原来的“Hello”内容修改为“你好”了。
第2节. Html文本框操作
在页面的Web前端开发中，主要是操作表单标记，如文本框、下拉菜单、单选按钮、复选框等。
下面是针对input标记type为text的文本框进行操作，包括赋值和取值，JavaScript代码如下：
(1). JavaScript获取文本框值的代码如下：
//获取id为txtName的文本框var name = document.getElementById("txtName");//获取HTML文本框的值window.alert(name.value);
(2). JavaScript给文本框赋值的代码如下：
//获取id为txtPwd的文本框var name = document.getElementById("txtPwd");//给文本框赋值name.value = "请输入姓名";
第3节. Html图像操作
在HTML中，图像标记是img。给img标记指定图像代码如下：
使用img标记的src属性指定图片的虚拟路径。使用alt属性指定当图片不显示时显示的文本内容。
使用js代码可以改变img的图片地址：
使用getElementById()方法获取img标记元素，然后使用元素的src属性设置图片的新地址。对于img标记的操作，不仅可以设置新图片地址，也可以获取图片的地址。
在此页面中，默认图片的地址是../Images/001.png，当单击“执行”按钮后，就会将img元素的图片地址修改为../Images/002.png。
此时，img的图片已发生了变化，实现了2个图片之间的切换。
第4节. 实现表单验证
最初JavaScript语言的诞生，就是为了实现客户端验证而出现的，这是JS最初的功能。使用JS代码可以在客户端验证HTML表单控件值的输入值是否合法。
姓名：年龄：
在这段JavaScript代码中，轻松实现了2个文本框输入值的判断，如果文本框中没有输入任何值就提交，则会给出一个提示信息，警告为空不能提交。此时也不会执行提交动作，避免浪费网络流量。
当2个文本框中全部输入内容之后，则会通过验证，只有通过验证之后，才可以进行下一步的操作，这都是为了保护数据的完整性，过滤掉非法数据进入数据库中。
如果要验证在文本框中输入的字符是否是数字，可以使用isNaN()方法来判断，
当isNaN()=true，表示输入的不是数字，当isNaN()=false，表示输入的是数字：
对于一些财务的业务系统，对数字是比较敏感的，如果在系统中输入一些非数字文本，则会造成计算出，财务报表无法正常导出，会给企业造成一定的损失，因此，需要对文本框进行数字验证。
在此文本框中，进行了数字验证，而在输入一个字母e时，是不符合要求的，因此，会给出提示信息，要求输入数字，非数字是非法的。
