JQuery第二章 JS 上机

最新推荐文章于 2022-11-06 23:52:01 发布
最新推荐文章于 2022-11-06 23:52:01 发布
阅读量4.9k 收藏 24
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36074043/article/details/70738236
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'sj1.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript">
function fullscreen(){
window.open("http://localhost:8080/day0210/sj1.jsp","","fullscreen=yes");
}


function tijiao(){
var flag=confirm("您本次购买的商品如下：\n商品名称：oppo \n商品数量：1件\n商品单价：2500元\n\n费用总计：2520\n\n请确认以上信息是否有误！！！");
if(flag==true)
alert("您的订单已提交");
else
alert("您取消了订单");

}
</script>
  </head>
  
  <body>
    <table border="1px">
    <tr><td colspan="5" align="center">简易购物车</td></tr>
    <tr>
    <td>商品名称</td>
    <td>数量（件）</td>
     <td>单价（元）</td>
      <td>运费（元）</td>
       <td>合计（元）</td>
    </tr>
    <tr>
    <td>oppo</td>
    <td>1</td>
     <td>2500</td>
      <td>20</td>
       <td>2520</td>
    </tr>
    <tr>
   <td colspan="5" align="center">
    <input type="button" οnclick="tijiao()"  value="提交订单">
    <input type="button" οnclick="fullscreen()" value="全屏显示"></td>
    </tr>
    </table>
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj2.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
function SX(){
location.reload();
}
</script>

  </head>
  
  <body>
    <a href="chun.jsp">春</a>
        <a href="dong.jsp">冬</a>
        
        <input type="submit" οnclick="SX()" value="刷新页面">
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj3.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style type="text/css">
			.bg {

				background-image: url(images/list_bg.gif);
				background-repeat: no-repeat;
				width: 730px;
			}

			td {
				text-align: center;
				font-size: 13px;
				line-height: 25px;
			}

			body {
				margin: 0
			}
		</style>
<script type="text/javascript">
	window.onload = function() {

			};
			

			function check() {
				//把所有参与选择的checkbox使用相同的name
				var eles = document.getElementsByName("product");
				var i = 0;
				// 如果是全选状态，则取消所有的选择
				if(isSelectAll() == true) {
					for( i = 0; i < eles.length; i++) {
						eles[i].checked = false;
					}
					//document.getElementById("all").checked = false;
				} else {
					// 否则选中每一个checkbox
					for( i = 0; i < eles.length; i++) {
						eles[i].checked = true;
					}
					
				}
			}

			// 判断当前是否为全选状态
			function isSelectAll() {
				var isSelected = true;
				var eles = document.getElementsByName("product");
				for(var i = 0; i < eles.length; i++) {
					if(eles[i].checked != true) {
						isSelected = false;
					}
				}
				return isSelected;
			}

			// 选择任意一个非全选checkbox
			function checkOne() {
				if(isSelectAll()) {
					document.getElementById("all").checked = true;
				} else {
					document.getElementById("all").checked = false;
				}
			}
</script>

  </head>
  
  <body>
		<table border="0" cellspacing="0" cellpadding="0" class="bg">

			<tr>

				<td style="height:40px;"> </td>

				<td> </td>

				<td> </td>

				<td> </td>

			</tr>

			<tr style="font-weight:bold;">

				<td>
				<input id="all" type="checkbox" value="全选" οnclick="check()" />
				全选</td>

				<td>商品图片</td>

				<td>商品名称/出售者/联系方式</td>

				<td>价格</td>

			</tr>

			<tr>

				<td colspan="4">
				<hr style="border:1px  #CCCCCC dashed" />
				</td>

			</tr>

			<tr>

				<td>
				<input name="product" type="checkbox" value="1" οnclick="checkOne()" />
				</td>

				<td><img src="images/list0.jpg" alt="alt" /></td>

				<td>杜比环绕，家庭影院必备，超真实享受
				<br />
				出售者：ling112233
				<br />
				<img src="images/online_pic.gif" alt="alt" />    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>

				<td>一口价
				<br />
				2833.0 </td>

			</tr>

			<tr>

				<td colspan="4">
				<hr style="border:1px  #CCCCCC dashed" />
				</td>

			</tr>

			<tr>

				<td>
				<input name="product" type="checkbox" value="2" οnclick="checkOne()"/>
				</td>

				<td><img src="images/list1.jpg" alt="alt" /></td>

				<td>NVDIA 9999GT 512MB 256bit极品显卡，不容错过
				<br />
				出售者：aipiaopiao110
				<br />
				<img src="images/online_pic.gif" alt="alt" />    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>

				<td>一口价
				<br />
				6464.0 </td>

			</tr>

			<tr>

				<td colspan="4">
				<hr style="border:1px  #CCCCCC dashed" />
				</td>

			</tr>

			<tr>

				<td>
				<input name="product" type="checkbox" value="3" οnclick="checkOne()"/>
				</td>

				<td><img src="images/list2.jpg" alt="alt" /></td>

				<td>精品热卖：高清晰，30寸等离子电视
				<br />
				出售者：阳光的挣扎
				<br />
				<img src="images/online_pic.gif" alt="alt" />    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>

				<td>一口价
				<br />
				18888.0 </td>

			</tr>

			<tr>

				<td colspan="4">
				<hr style="border:1px  #CCCCCC dashed" />
				</td>

			</tr>

			<tr>

				<td>
				<input name="product" type="checkbox" value="4" οnclick="checkOne()"/>
				</td>

				<td><img src="images/list3.jpg" alt="alt" /></td>

				<td>Sony索尼家用最新款笔记本
				<br />
				出售者：疯狂的镜无
				<br />
				<img src="images/online_pic.gif" alt="alt" />    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>

				<td>一口价
				<br />
				5889.0 </td>

			</tr>

			<tr>

				<td colspan="4">
				<hr style="border:1px  #CCCCCC dashed" />
				</td>

			</tr>

		</table>

  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj4.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
function clock_12h()
{
 var today = new Date(); //获得当前时间
 //获得年、月、日，Date()函数中的月份是从0－11计算
 var year = today.getFullYear();  
 var month = today.getMonth()+1;
 var date = today.getDate();
 var hour = today.getHours();  //获得小时、分钟、秒
 var minute = today.getMinutes();
 var second = today.getSeconds();
 
 var apm="AM"; //默认显示上午: AM
 if (hour>12) //按12小时制显示
 {
    hour=hour-12;
    apm="PM"  ;
 }
 var weekday = 0;
 switch(today.getDay()){
    case 0:
  	weekday = "星期日";
	break;
    case 1:
  	weekday = "星期一";
	break;
	case 2:
  	weekday = "星期二";
	break;
	case 3:
  	weekday = "星期三";
	break;
	case 4:
  	weekday = "星期四";
	break;
	case 5:
  	weekday = "星期五";
	break;
	case 6:
  	weekday = "星期六";
	break;
 }
 
  /*设置div的内容为当前时间*/
 document.getElementById("myclock").innerHTML="<h2>你好，欢迎访问贵美商城！</h2><h2>"+year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second+" "+apm+" "+weekday+"</h2>";

}
/*使用setInterval()每间隔指定毫秒后调用clock_12h()*/
var myTime = setInterval("clock_12h()",1000);

</script>

  </head>
  
  <body>
<div id="myclock"></div>

  </body>
</html>

_苏小白
关注
北大青鸟 JQuery制作特效 第二章 （上机练习
SpicyStriplt的博客
07-06 1万+
北大青鸟 JQuery制作特效 第二章 （上机练习 练习一丶制作简易的当当购物车页面 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>制作简易的当当购物车页面</title> <link type="tex...
s2-javascript-上机练习
05-13
大家一起来学习s2-javascript多多交流
JS/JQuery-第2章上机练习.zip
04-20
【原创作者田超凡，未经许可请勿转发，侵权仿冒必究】
第二章上机练习
qq_36024638的博客
02-06 712
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace day_02shangji { class shangjier { string[] qian = new str
北大青鸟jQuery第二章上机练习加课后
03-05
北大青鸟jQuery第二章上机练习加课后作业
jquery第二章
qq_36024638的博客
05-03 769
window常用属性： History：有关客户访问过的URL的信息 Location: 有关当前url的信息 常用方法： Confirm()将弹出一个确认对话框 open()在页面上弹出一个新的浏览器 Close()用于关闭窗口 history对象 Back() 加载 history 对象列表中前一个URL Forward()加载history对象列表中的后一个URL go
jQuery 第二章
chuosaomeng9354的博客
02-11 183
1.jQuery选择器 jQuery找到元素后添加行为，而css是找到元素后添加样式。 jQuery比css更强大，并有跨浏览器的兼容性。 2.使一个表格隔行变色 步骤：1.根据id获取表格 2.在表格内获取<tbody>元素 3.在<tbody>元素下获取&lt...
JQuery第七章上机练习和课后作业
08-08
**jQuery第七章上机练习与课后作业详解** 在学习jQuery的过程中，第七章通常涵盖了更高级和实用的技术，包括DOM操作、事件处理、动画效果以及AJAX交互等。本篇文章将详细探讨这些知识点，旨在帮助前端开发者提升...
javaScript与jQuery第十二章上机作业.zip
05-15
JavaScript和jQuery是Web开发中的重要工具，用于创建交互式的网页和动态内容。在这个18级在校生的上机作业中，我们看到他正通过实践来深入理解和应用这两门技术。以下将详细介绍JavaScript和jQuery的一些核心知识点...
jQuery源码分析第二章
u013037145的专栏
09-16 488
第2章     1、jQuery对象是一个类数组对象，含有连续的整形属性、length属性和大量的jQuery方法。        jQuery对象由构造函数jQuery()创建，$()则是jQuery()的缩写。     2、构造函数jQuery()        构造函数jQuery()有7种用法：              3、jQuery( se
jQuery基础教程-第2章练习
青青木屋
02-18 1350
02.js $(document).ready(function() { //Find the 2nd li add the "special" class //Answer 1 $('li').children().find('li').addClass('special'); //Find the 3nd cell add the "year" class
第二章——上机
weixin_43931011的博客
12-07 684
第五题 package jishiti; import java.util.Scanner; public class Dierzhangsi {     public static void main(String[] args) {         int txujg = 245;  //T恤价格         int wqiujg = 570;  //网球鞋价格         in...
JavaScript第二章 javascript基础
chuanlinlaile的博客
03-13 569
第二章 javascript基础一.基本要素javascript语法的基本要素是:•区分大小写  •变量不区分类型  •每条语句结尾可以省略分号  •注释与c/c++/java/php相同  •代码段要封闭二.变量和数据类型javascript是弱类型脚本语言？声明变量时无需指定变量的数据类型。将什么类型的赋值给变量,该变量就是什么类型的。javascript是解释时动态决定的,数据保存在内存时也...
javascript网页开发 第二章
失落空间
08-04 1019
 HTML高级部分2.1.   表格标签2.1.1     Bgcolor 设置表格的背景色    Border 设置边框的宽度         Bordercolor 设置边框的颜色         Bordercolorlight 设置边框明亮部分的颜色         Bordercolordark 设置边框昏暗部分的颜色         Cellspac
第二章 JavaScript 基础（上）
最新发布
weixin_63159221的博客
11-06 423
因为 JavaScript 是一种弱类型的语言，所以不用提前声明变量的数据类型，像 C、JAVA 等强类型语言就需要提前声明数据类型。下面通过代码来比较强类型语言和弱类型语言的区别。
前端技术_jQuery（第二章）
huyiju的博客
12-11 216
目录 1：jQuery特点和功能概述 2：jQuery基本语法介绍 3：jQuery事件 4：jQuery HTML 5：jQuery 效果 6：jQuery Ajax 1：jQuery特点和功能概述 目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。 jQuery 的功能概括 1、jQuery事件：事件是对访问者操作的...
javaScript第二张
weixin_52433098的博客
11-08 127
第二章：JavaScript操作BOM对象 BOM模型 BOM：浏览器对象模型（Browser Object Model） BOM提供了独立于页面内容的、与浏览器窗口进行互动的对象结构 BOM可实现的功能有： 弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口的大小 页面的前进、后退 ！window对象的常用属性 属性名称 说明 history 有关客户访问过的URL的信息 location 有关当前URL的信息 语法：
JQuery实战第二版：精通基础与高级技巧
在jQuery实战第二版中，读者将深入理解jQuery的核心概念，学习如何有效地利用这个强大的JavaScript库来简化网页开发。jQuery以其简洁的API和对DOM操作的强大支持而闻名，使得开发者能够快速地实现页面交互和动画效果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值