JQuery第一章js 上机+课后

=============上机1 包含字母
<!DOCTYPE html>
<html>
<head>
<title>sj1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
document.write("在以下字符中：");
var count=0;
var fruit=["America","Greece","Britain","Canxda","China","Egypt"];
for(var i in fruit){
document.write(fruit[i]+"<br/>");
if(fruit[i].indexOf("a")!=-1||fruit[i].indexOf("A")!=-1){
count++;
}
}
document.write("共有"+count+"字符串中包含a或A");
</script>
</head>
<body>
</body>
</html>
================

===============上机2‘程序调试
<!DOCTYPE html>
<html>
<head>
<title>sj2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var t=prompt("请输入一个整数","");
if(t<=24){
if(t>=12&&t<=18){
document.write("下午好，歡迎來到貴美");
}else if(t>=19&&t<=23){
document.write("晚上好，歡迎來到貴美");
}else{
document.write("上午好，歡迎來到貴美");
}
}else{
document.write("你輸入的時間不對")};
</script>
</head>
<body>
</body>
</html>
==================’

=============上机3 小型计算器
<!DOCTYPE html>
<html>
<head>
<title>sj3.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var o1=prompt("請輸入第一個數","");
var o2=prompt("請輸入第2個數","");
var ys=prompt("請輸入運算符","");
var p1=parseInt(o1);
var p2=parseInt(o2);
switch(ys){
case "+":
var result=p1+p2;
alert(p1+"+"+p2+"="+result);
break;
case "-":
var result=p1-p2;
alert(p1+"-"+p2+"="+result);
break;
case "*":
var result=p1*p2;
alert(p1+"*"+p2+"="+result);
break;
case "/":
var result=p1/p2;
alert(p1+"/"+p2+"="+result);
break;
}
</script>
</head>
<body>
</body>
</html>
===================

=================上机4计算科目分数
<!DOCTYPE html>
<html>
<head>
<title>sj4.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var sum=0;
var p1=prompt("請輸入考試科目數量","");
if(p1==0||p1<0){
alert("輸入的考试科目无效");
}else if(isNaN(p1)){
alert("输入的不是数字");
}
else{
for(var i=1;i<=p1;i++){
var score=prompt("请输入第"+i+"门科目成绩","");
if(score<0){
alert("成绩不能是负数");
break;
}else if(isNaN(score)){
alert("成绩必须是数字");
break;
}else
sum+=parseFloat(score);
}
}
if(sum!=0)
alert(p1+"门科目的总成绩是："+sum);
</script>
</head>
<body>
</body>
</html>
================

======课后3打印金字塔直线
<!DOCTYPE html>
<html>
<head>
<title>kh3.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
document.write("<h3>打印倒正金字塔直线");
var i=61;
while(i>0){
document.write("<hr width="+i+"%/>");
i=i-10;
}
for(var j=0;j<70;j=j+10){
document.write("<hr width="+j+"%/>");
}
</script>
</head>
<body style="text-align:center;">
</body>
</html>
=======

================课后4邮箱地址
<!DOCTYPE html>
<html>
<head>
<title>ke4.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var email=prompt("请输入正确的邮箱地址：","sususan@show.com");
var index=email.indexOf("@");
if(index!=-1&&email.indexOf(".")!=-1){
if(index==0){
alert("邮箱名称不能为空");
}else{
var name=email.substring(0, index);
alert("邮箱地址正确，邮箱名称是："+name);
}
}
else{
alert("邮箱地址必须含有@和.");
}
</script>
</head>
<body>
</body>
</html>
============

=============上机5
<!DOCTYPE html>
<html>
<head>
<title>kh5.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var i=prompt("请输入今天是星期几","");
switch(i){
case "星期一":
alert("新的一周开始了");
break;
case "星期二":
alert("努力工作");
break;
case "星期三":
alert("努力工作");
break;
case "星期四":
alert("努力工作");
break;
case "星期五":
alert("明天就是周末了");
break;
default:
alert("放松的休息");
break;
}
</script>
</head>
<body>
</body>
</html>

JQuery第一章js 上机+课后的更多相关文章

jquery 第一章
1.本章目标了解jquery 了解jquery和js的区别掌握jquery的入门掌握jquery对象和dom对象的区别2.jquery简介 jquery是一个轻量级 ...
jQuery第一章
一.jQuery的优势 1.轻量级:压缩之后大小只有30KB左右. 2.强大的选择器:jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器. 3.出色的DOM操作的封装:jQuery ...
jQuery 第一章 $()选择器
jquery 是什么? jquery 其实就是一堆的js函数(js库),也是普通的js而已. 有点像我们封装一个函数,把他放到单独的js 文件,等待有需要的时候调用它. 那么使用它有啥好处呢? jqu ...
第一章 JS基础
1.JavaScript的作用:表单验证,减轻服务器压力动态效果动态改变页面内容 2.JavaScript的组成ECMAScript语法规定BOM对象模型(浏览器对象模型)DOM对象模型(文档对象模型 ...
第一章 jQuery基础
第一章jQuery基础一.jQuert简介 1.什么是jQuery jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. jQuery是继Prototype ...
jQuery系列第一章 jQuery框架简单介绍
第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事 ...
（李南江jQuery+Ajax）第一章：初识jQuery
第一章:初识jQuery 一.原生的JS与jQuery的区别 <!DOCTYPE html> <html lang="en"> <head> & ...
【vue.js权威指南】读书笔记（第一章）
最近在读新书<vue.js权威指南>,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家. [第1章:遇见vue.js] vue.js是什么? vue.j ...
20145330《Java学习笔记》第一章课后练习8知识总结以及IDEA初次尝试
20145330<Java学习笔记>第一章课后练习8知识总结以及IDEA初次尝试题目: 如果C:\workspace\Hello\src中有Main.java如下: package cc ...

随机推荐

在C#中创建文件快捷方式
创建快捷方式对于绝大多数 Windows 用户来说都是小菜一碟了,然而,这项工作却为程序员带来不少麻烦..NET 没有提供简便直接的创建快捷方式的方法,那么在 .NET 中我们如何为应用程序创建快捷方 ...
Call调用webservice接口，使用命名空间和不使用命名空间的区别
生活中我们会遇到许许多多的奇葩问题,而这些问题又是我们不得不解决的. 我先用一段代码来引出我想要说的内容: import javax.jws.WebMethod; import javax.jws.W ...
FPM
https://github.com/pangudashu/php7-internal/blob/master/1/fpm.md
PATA 1027 Colors In Mars
#include <cstdio> char radix[13] = {'0','1','2','3','4','5','6','7','8','9','A','B','C'}; int ...
趣解 ceph rgw multisite data sync 机制
multisite是ceph rgw对象数据异地容灾备份的一个有效方案,笔者希望深入理解该技术,并应用于生产环境中,然而rgw的这部分代码晦涩难懂,笔者多次尝试阅读,仍云里雾里不解其意,最终流着泪咬着 ...
scrapy基础知识之下载中间件使用案例：
1. 创建middlewares.py文件. Scrapy代理IP.Uesr-Agent的切换都是通过DOWNLOADER_MIDDLEWARES进行控制,我们在settings.py同级目录下创建m ...
C++智能指针的几种用法
auto在c++11中已经弃用. 一.auto_ptr模板 auto_ptr与shared_ptr.unique_ptr都定义了类似指针的对象,可以将new到的地址赋给这一对象,当智能指针过期时,析构 ...
Modbus 指令
本节内容: 一.S7-1200 作为Modbus RTU 主站二.S7-1200 作为Modbus RTU 从站三.S7-1200 作为Modbus RTU 主站 S7-1200 作为Modbus ...
zookeeper的客户端应用
什么zookeeper? ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件.它是一个为分布式应用提供 ...
C++学习书籍推荐《More Effective C++》下载
百度云及其他网盘下载地址:点我编辑推荐 <More Effective C++:35个改善编程与设计的有效方法(中文版)>:传世经典书丛媒体推荐 <Effective c++&g ...

JQuery第一章js 上机+课后

JQuery第一章js 上机+课后的更多相关文章

随机推荐

热门专题