上传文件时，往往要提供一个可自由选择多个文件的界面。E_DOM_1.htm是一个增加、删除文件附件的程序，演示了JavaScript如何使用DOM编程接口中的相关属性和方法在HT-ML文档中生成、加入、删除结点。当单击“增加附件”按钮后，执行JS函数INsert（no-deX），它传递的参数nodeX的值是“id=′DIV1′”所表示的结点的对象，即语句“docu-ment.getElementById（′DIV1′）”的执行结果，它代表＜div id=′DIV1′＞标记的结点。函数INsert（nodeX）的功能是：生成一个标记为div，其属性id的值是变量IdX的值（即＂D＂+DivX）的子结点对象node1，变量DivX的值从0开始，每调用一次INsert函数，它的值加1，保证每次id的值都不相同（因为，各标记的id属性的值必须是唯一的，它也唯一地代表该结点）；在标记子结点node1中插入4个子结点：①文字为“附件”的文本结点text1②标记为input的标记子结点node2，它的type属性的值是file③一个空格的文本结点Space1④标记为span的标记子结点node4，它的onclick属性的值是function（）{DelNode（IdX）；}即单击它所包裹的结点会执行函数DelNode（IdX），IdX的值即为标记子结点node1的属性id的值，函数DelNode的作用是根据IdX的值，删除它代表的结点；函数IN-sert（nodeX）最后在标记结点nodeX中的最后插入标记子结点node1。
使用“记事本”输入“E_DOM_1.htm”程序并存放在应用目录“webapps/ROOT”下的“E26”目录中。在浏览器地址栏中输入：http：//192.168.2.1：8080/E26/E_DOM_1.htm，则浏览器窗口显示如图3-18所示。
图3-18 使用DOM的结点对象增加、删除HTML标记(www.chuimin.cn)
E_DOM_1.htm：
innerHTML、outerHTML和innerText、outerText是设置或获取标记内的内容，它们的不同是：①innerHTML和innerText不包括标记本身，outerHTML和outerText包括标记本身；②innerHTML，outerHTML呈现的是经HTML引擎解析后的文本，屏幕显示的是HTML标记的表现效果；innerText，outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反映出来。E_33.htm：图3-25 使用innerHTML和outerHTML属性增加、删除HTML文档内容......
2023-11-19
对innerHTML、outerHTML和innerText、outerText属性的赋值操作只是替换原对象的文本内容，想要在页面中指定标记的相关位置新增文本内容，需采用insertAdjacentHTML和in-sertAdjacentText方法。InsertAdjacentHTML插入的是HTML文本，insertAdjacentText插入的是纯文本。格式如下：其中docObject是文档对象；sWhere表示插入的文本；sText相对于html标记的位置，有下面4个预设值：beforeBegin：在docObject对象标记的开始位置之前插入文本sText。E_34.htm：图3-26 使用insertAdjacentHTML方法在HTML标记内增加内容......
2023-11-19
本节主要介绍Canvas在图像像素数据操作方面的常用API，如表7-16所示。表7-16createImageData()方法，有两个版本的createImageData()方法以指定的尺寸创建新的ImageData对象：创建与指定的另一个ImageData对象尺寸相同的新ImageData对象：参数值如表7-17所示。表7-19代码清单：像素操作。......
2023-10-28
2）若要将数据添加到由相邻单元格数据创建的嵌入图表中，请使用工作表上数据周围有颜色标记的区域。在选定柄上按住鼠标左键，拖动鼠标至要添加数据的单元格。3）利用鼠标拖动向图表中添加数据，具体操作步骤如下：拖动鼠标选中包含要添加数据的单元格，将鼠标指向选定区域的边框。删除图表中的数据系列的具体操作方法如下：方法1单击要删除的数据系列。......
2023-11-02
HTML标记＜div＞和＜span＞的文档对象都有属性：innerHTML，它的作用是设置或返回标记的开始到标记的结束包裹的字符但不包括标记本身，我们经常用此属性动态改变HT-ML标记＜div＞和＜span＞包裹的内容。人员信息显示要求按科室进行。有关JSP程序将在第4章中介绍。“E_30_2.jsp”只是模拟显示了单位的人员信息，实际应该是根据处、科名去数据库中读取相关的人员信息，JSP程序如何存取数据库也在第4章中介绍。E_30.htm：＜html＞E_E_30_l.htm：E_30_2.jsp：图3-22 使用innerHTML属性修改HTML文档内容......
2023-11-19
调用增加表行命令，可以在指定的行之前或者之后增加一行。如图9-87所示为增加表行命令的操作结果。增加表行命令的执行方式有：菜单栏：单击“文字表格”→“表格编辑”→“增加表行”命令。01 按Ctrl+O组合键，打开配套光盘提供的“第9章/9.3.8增加表行.dwg”素材文件，结果如图9-88所示。图9-90 复制当前行提示增加表行命令的各项功能统一可以通过“表行编辑”命令来实现。......
2023-08-22
＜table＞表格标记是最常用的页面元素。使用“记事本”输入如下“E_table_1.htm”程序并存放在应用目录“webapps/ROOT”下的“E13”目录中。图3-4 E_table_1.htm表格＜table＞标记定义表格，＜tr＞标记定义表格中的行，＜td＞标记定义行中的列。下面以“E_table_1.htm”为例说明各标记的属性。......
2023-11-19
一旦网页过期，必须到服务器上重新调阅。例如：2.NAMENAME：NAME是描述网页的，对应于Content，以便于搜索引擎机器人查找、分类。当数个Meta元素提供Lang从属信息时，搜索引擎会使用Lang特性来过滤并显示搜索结果。如果页面中根本没有Keywords和De scription的Meta标签，那么机器人是无法将你的站点加入数据库，网友也就不能搜索到你的站点。......
2023-11-19
相关推荐