第三天:购物车3.0----DOM

  DOM对象模型:将HTML文件看做一个节点树,每一个标签和文字都是一个节点。DOM模型可以取到每一个HTML标签内容。

  用javascript获取html文件的标签:

    <script language="javascript">

       function show(){

          //获取每一个节点

          var htmlElement = document.documentElement;    

          var headElement = htmlElement.getElementsByTagName("head")[0];

          。。。。

}

    </script>

就是用DOM可以对HTML页面中的标签进行动态操作。

 获取方式,顺序,name,tag,id

购物车3.0

    购物车页面中,添加复选框,当复选框选中时,自动添加到选中金额中

   <c:foreach ...>

      //添加复选框

      <td>

      //用value来记录每一件商品的总价格

      <input type="checkbox" name="checkbox" value="${gsd.getGs.getGood_price*gsd.getCount }" onclick="selectMoney()"/>

      ...

      </td>

    //创建一个标签,显示选中金额

    <input type="text" value="sum" id="money"/>

   </c:foreach>

    <script language="javascript">

      function selectMoney(){

        var sum = 0;

        var checkboxs = document.getElementsByName("checkbox");

        for(var i=0;i<checkboxs.length;i++){

          if(checkboxs[i].checked==ture){

            sum = sum +parseInt(checkboxs[i].value);

          }

        }

        //获取显示金额的标签,并更改他的value值

        document.getElementById("money").value = sum;

      }

    </script>

ps:今天状态不好,学习效果不佳。

时间: 2024-10-16 01:15:34

第三天:购物车3.0----DOM的相关文章

实验三进程调度模拟程序2.0

实验三进程调度模拟程序2.0 一.实验目的 用高级语言完成一个进程调度程序,以加深对进程的概念及进程调度算法的理解. 二.实验内容和要求 设计一个有 N个进程并发执行的进程调度模拟程序. 1.模拟进程数据的生成 允许用户指定作业的个数(2-24),默认值为5. 允许用户选择输入每个进程的到达时间,所需运行时间,进程的运行时间以时间片为单位. 2. 模拟调度程序的功能 2.1 按照模拟数据的到达时间和所需运行时间,能分别执行以下调度算法. FCFS SJ HRRN RR 2.2 显示每种算法下各进

jQuery(0)——Dom对象和jQuery包装集

Dom对象和jQuery包装集 开始学习jQuery,没想到还要知道这个概念. Dom对象 DOM(Document Object Model)文档对象模型 在w3c中是这样说明它的: 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. HTML DOM 树 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 Java

day01课程回顾,数据类型,(用户登录限制登录三次,购物车,省市县三级联动)

Day01 Python的分类 Cpython:代码àc字节码->机器码   一行一行的编译执行 Pypy:   代码àc字节码->机器码   全部转换完再执行 其他python  代码-->其他字节码-->机器码 Python的执行 Windows:C:\Python35\python.exe    D:\1.txt(python可执行文件路径---解释器   执行文件) Linux:可以在文件的头部写#!/usr/bin/python    python安装路径(用命令wher

第三章 jQuery中的DOM操作

DOM(Document Object Model)文档对象模型,每张网页都能用DOM表示出来,每一份DOM都能看成一颗DOM树. jQuery继承了JavaScript对DOM对象操作的特性,使开发人员能方便地操作DOM对象. 1.查找节点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

vueOA系统信用盘新增三个极速的虚拟DOM渲染

1.为什么需要虚拟DOM前面我们从OA系统信用盘新增三个极速Q3266397597[dashengba.com]零开始写了一个简单的类Vue框架,其中的模板解析和渲染是通过Compile函数来完成的,采用了文档碎片代替了直接对页面中DOM元素的操作,在完成数据的更改后通过appendChild函数将真实的DOM插入到页面. 虽然采用的是文档碎片,但是操作的还是真实的DOM. 而我们知道操作DOM的代价是昂贵的,所以vue2.0采用了虚拟DOM来代替对真实DOM的操作,最后通过某种机制来完成对真实

实验三 进程调度模拟程序2.0

一.实验目的 用高级语言完成一个进程调度程序,以加深对进程的概念及进程调度算法的理解. 二.实验要求 设计一个有 N个进程并发执行的进程调度模拟程序. 1.模拟进程数据的生成,允许用户选择输入每个进程所需运行时间,进程的运行时间以时间片为单位. 2. 模拟调度程序的功能 2.1 按照模拟数据的到达时间和所需运行时间,能分别执行以下调度算法. FCFS SJ HRRN RR 2.2 显示每种算法下各进程的调度执行顺序. 2.3计算各进程的开始执行时间,各作业的完成时间,周转时间和带权周转时间(周转

Extjs6(三)——用extjs6.0写一个简单页面

本文基于ext-6.0.0 一.关于border布局 在用ext做项目的过程中,最常用到的一种布局就是border布局,现在要写的这个简单页面也是运用border布局来做.border布局将页面分为五个部分,分别是north.south.west.east.center,对应着上.下.左.右.中,下面看一个简单的border布局的例子. Ext.define('Learning.view.treelearn.trees', { extend: 'Ext.panel.Panel', xtype:'

学习笔记(三):jQuery之DOM

1.jQuery属性. 获取元素属性的语法: attr(name)                   例子:$("#img1").attr("src"); 设置元素单个属性的语法: attr(key,value)             例子:$("#img1").attr("src","2.jpg"); 设置元素多个属性的语法: attr({key0:value0,key1:value1})     例

三分钟掌握 JUnit3.0

以前公司做过一个.net的项目,在项目开发的过程中,我们采用的是分层的开发方式,大家先在一起讨论接口, 然后讨论完以后,形成文档,然后按照文档进行开发!这样就有一个问题,你必须要保证你的接口是正确的,然后才能提供给其他人使用.所以一定要对你写的方法进行单元测试.单元测试真的是很方便! 现在的公司是开发java 项目的,开发过程也和.net的开发模式是一样的,所以说单元测试也成了必需品.但是我们用的JUnit.下边就给大家介绍一下JUnit的使用方法. 我们首先来建立一个项目,项目结构如下如下图所

第三次作业:0~10的随机四则运算

虽然放假前有让同宿舍的女生把软件给我弄到U盘里,但是结果回家安装不上,所以就只是在记事本里打了代码.结果能不能运行其实我并不知道,只是把一些代码发上来. 下面就是我的代码 namespace   add   {       class   Program       {          static    void  Main(string[] args)           {               int    right=0;               int    wrong=