1. =============上机1 包含字母
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>sj1.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
    <script type="text/javascript">
  13.  
    document.write("在以下字符中：");
  14.  
    var count=0;
  15.  
    var fruit=["America","Greece","Britain","Canxda","China","Egypt"];
  16.  
    for(var i in fruit){
  17.  
    document.write(fruit[i]+"<br/>");
  18.  
    if(fruit[i].indexOf("a")!=-1||fruit[i].indexOf("A")!=-1){
  19.  
    count++;
  20.  
    }
  21.  
    }
  22.  
    document.write("共有"+count+"字符串中包含a或A");
  23.  
    </script>
  24.  
    </head>
  25.  
     
  26.  
    <body>
  27.  
     
  28.  
    </body>
  29.  
    </html>
  30.  
     
  31.  
     
  32.  
    ================
  1.  
    ===============上机2‘程序调试
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>sj2.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
    <script type="text/javascript">
  13.  
    var t=prompt("请输入一个整数","");
  14.  
    if(t<=24){
  15.  
    if(t>=12&&t<=18){
  16.  
    document.write("下午好，歡迎來到貴美");
  17.  
    }else if(t>=19&&t<=23){
  18.  
    document.write("晚上好，歡迎來到貴美");
  19.  
    }else{
  20.  
    document.write("上午好，歡迎來到貴美");
  21.  
    }
  22.  
    }else{
  23.  
    document.write("你輸入的時間不對")};
  24.  
    </script>
  25.  
    </head>
  26.  
     
  27.  
    <body>
  28.  
     
  29.  
    </body>
  30.  
    </html>
  31.  
    ==================’
  1.  
    =============上机3 小型计算器
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>sj3.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
    <script type="text/javascript">
  13.  
    var o1=prompt("請輸入第一個數","");
  14.  
    var o2=prompt("請輸入第2個數","");
  15.  
    var ys=prompt("請輸入運算符","");
  16.  
    var p1=parseInt(o1);
  17.  
    var p2=parseInt(o2);
  18.  
    switch(ys){
  19.  
    case "+":
  20.  
    var result=p1+p2;
  21.  
    alert(p1+"+"+p2+"="+result);
  22.  
    break;
  23.  
    case "-":
  24.  
    var result=p1-p2;
  25.  
    alert(p1+"-"+p2+"="+result);
  26.  
    break;
  27.  
    case "*":
  28.  
    var result=p1*p2;
  29.  
    alert(p1+"*"+p2+"="+result);
  30.  
    break;
  31.  
    case "/":
  32.  
    var result=p1/p2;
  33.  
    alert(p1+"/"+p2+"="+result);
  34.  
    break;
  35.  
    }
  36.  
     
  37.  
    </script>
  38.  
    </head>
  39.  
     
  40.  
    <body>
  41.  
     
  42.  
    </body>
  43.  
    </html>
  44.  
    ===================
  1.  
    =================上机4计算科目分数
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>sj4.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
    <script type="text/javascript">
  13.  
    var sum=0;
  14.  
    var p1=prompt("請輸入考試科目數量","");
  15.  
    if(p1==0||p1<0){
  16.  
    alert("輸入的考试科目无效");
  17.  
    }else if(isNaN(p1)){
  18.  
    alert("输入的不是数字");
  19.  
    }
  20.  
    else{
  21.  
    for(var i=1;i<=p1;i++){
  22.  
    var score=prompt("请输入第"+i+"门科目成绩","");
  23.  
    if(score<0){
  24.  
    alert("成绩不能是负数");
  25.  
    break;
  26.  
    }else if(isNaN(score)){
  27.  
    alert("成绩必须是数字");
  28.  
    break;
  29.  
    }else
  30.  
    sum+=parseFloat(score);
  31.  
    }
  32.  
     
  33.  
    }
  34.  
    if(sum!=0)
  35.  
    alert(p1+"门科目的总成绩是："+sum);
  36.  
     
  37.  
     
  38.  
    </script>
  39.  
    </head>
  40.  
     
  41.  
    <body>
  42.  
    </body>
  43.  
    </html>
  44.  
    ================
  1.  
    ======课后3打印金字塔直线
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>kh3.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
     
  13.  
    <script type="text/javascript">
  14.  
    document.write("<h3>打印倒正金字塔直线");
  15.  
    var i=61;
  16.  
    while(i>0){
  17.  
     
  18.  
    document.write("<hr width="+i+"%/>");
  19.  
    i=i-10;
  20.  
    }
  21.  
    for(var j=0;j<70;j=j+10){
  22.  
    document.write("<hr width="+j+"%/>");
  23.  
    }
  24.  
    </script>
  25.  
    </head>
  26.  
     
  27.  
    <body style="text-align:center;">
  28.  
     
  29.  
    </body>
  30.  
    </html>
  31.  
    =======
  1.  
    ================课后4邮箱地址
  2.  
    <!DOCTYPE html>
  3.  
    <html>
  4.  
    <head>
  5.  
    <title>ke4.html</title>
  6.  
     
  7.  
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8.  
    <meta http-equiv="description" content="this is my page">
  9.  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10.  
     
  11.  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12.  
    <script type="text/javascript">
  13.  
    var email=prompt("请输入正确的邮箱地址：","sususan@show.com");
  14.  
    var index=email.indexOf("@");
  15.  
    if(index!=-1&&email.indexOf(".")!=-1){
  16.  
    if(index==0){
  17.  
    alert("邮箱名称不能为空");
  18.  
    }else{
  19.  
     
  20.  
    var name=email.substring(0, index);
  21.  
    alert("邮箱地址正确，邮箱名称是："+name);
  22.  
    }
  23.  
    }
  24.  
    else{
  25.  
     
  26.  
    alert("邮箱地址必须含有@和.");
  27.  
    }
  28.  
     
  29.  
    </script>
  30.  
    </head>
  31.  
     
  32.  
    <body>
  33.  
     
  34.  
    </body>
  35.  
    </html>
  36.  
    ============
    1.  
      =============上机5
    2.  
      <!DOCTYPE html>
    3.  
      <html>
    4.  
      <head>
    5.  
      <title>kh5.html</title>
    6.  
       
    7.  
      <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    8.  
      <meta http-equiv="description" content="this is my page">
    9.  
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    10.  
       
    11.  
      <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    12.  
      <script type="text/javascript">
    13.  
      var i=prompt("请输入今天是星期几","");
    14.  
      switch(i){
    15.  
      case "星期一":
    16.  
      alert("新的一周开始 了");
    17.  
      break;
    18.  
      case "星期二":
    19.  
      alert("努力工作");
    20.  
      break;
    21.  
      case "星期三":
    22.  
      alert("努力工作");
    23.  
      break;
    24.  
      case "星期四":
    25.  
      alert("努力工作");
    26.  
      break;
    27.  
      case "星期五":
    28.  
      alert("明天就是周末了");
    29.  
      break;
    30.  
      default:
    31.  
      alert("放松的休息");
    32.  
      break;
    33.  
      }
    34.  
       
    35.  
      </script>
    36.  
      </head>
    37.  
       
    38.  
      <body>
    39.  
       
    40.  
      </body>
    41.  
      </html>

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

  1. jquery 第一章

    1.本章目标    了解jquery    了解jquery和js的区别    掌握jquery的入门    掌握jquery对象和dom对象的区别2.jquery简介    jquery是一个轻量级 ...

  2. jQuery第一章

    一.jQuery的优势 1.轻量级:压缩之后大小只有30KB左右. 2.强大的选择器:jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器. 3.出色的DOM操作的封装:jQuery ...

  3. jQuery 第一章 $()选择器

    jquery 是什么? jquery 其实就是一堆的js函数(js库),也是普通的js而已. 有点像我们封装一个函数,把他放到单独的js 文件,等待有需要的时候调用它. 那么使用它有啥好处呢? jqu ...

  4. 第一章 JS基础

    1.JavaScript的作用:表单验证,减轻服务器压力动态效果动态改变页面内容 2.JavaScript的组成ECMAScript语法规定BOM对象模型(浏览器对象模型)DOM对象模型(文档对象模型 ...

  5. 第一章 jQuery基础

    第一章jQuery基础 一.jQuert简介 1.什么是jQuery jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. jQuery是继Prototype ...

  6. jQuery系列 第一章 jQuery框架简单介绍

    第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事 ...

  7. （李南江jQuery+Ajax）第一章：初识jQuery

    第一章:初识jQuery 一.原生的JS与jQuery的区别 <!DOCTYPE html> <html lang="en"> <head> & ...

  8. 【vue.js权威指南】读书笔记（第一章）

    最近在读新书<vue.js权威指南>,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家. [第1章:遇见vue.js] vue.js是什么? vue.j ...

  9. 20145330《Java学习笔记》第一章课后练习8知识总结以及IDEA初次尝试

    20145330<Java学习笔记>第一章课后练习8知识总结以及IDEA初次尝试 题目: 如果C:\workspace\Hello\src中有Main.java如下: package cc ...

随机推荐

  1. .NET架构师知识普及

    今天看到一篇漫画,[3年.NET开发应聘大厂惨遭淘汰,如何翻身打脸面试官?],好多问题,一下子还真的回答不了,这里对这些问题进行了整理,增加下脑容量,哈哈.俗话说不想当将军的士兵不是好士兵,不想当架构 ...

  2. Java多线程同步工具类之CyclicBarrier

    一.CyclicBarrier使用 CyclicBarrier从字面上可以直接理解为线程运行的屏障,它可以让一组线程执行到一个共同的屏障点时被阻塞,直到最后一个线程执行到指定位置,你设置的执行线程就会 ...

  3. 阿里云主机CentOS7设置远程连接MySQL数据库

    有一个困扰了我好久的问题,今天终于解决了. 看网上的答案只有一部分.今天把完整的发篇博客纪念一下下. 首先,连接阿里云主机并登录数据库, 1.添加一个Host mysql>select User ...

  4. Spark学习之路（三）—— 弹性式数据集RDDs

    弹性式数据集RDDs 一.RDD简介 RDD全称为Resilient Distributed Datasets,是Spark最基本的数据抽象,它是只读的.分区记录的集合,支持并行操作,可以由外部数据集 ...

  5. 【Zookeeper02】ZK的作用以及使用

    上一篇介绍了ZK的安装以及集群的搭建,这只能算是个软件安装过程,具体是做什么的.怎么用也没有做解释,这一篇中博主就自己的私人理解简单写一下: 1.是什么: a.Zookeeper是一个分布式协调服务, ...

  6. 【Zookeeper01】ubuntu下安装zookeeper单例以及集群

    参考链接:http://zookeeper.apache.org/ https://www.cnblogs.com/lyhc/p/6560993.html 系统: 乌班图16.04 虚拟机(zk一般要 ...

  7. MySQL字符集乱码详解

    对于MySQL数据库中出现乱码经常是新手碰到的一个头痛的问题,不知道为什么经常出现中文乱码. 1.对于所谓的数据库中乱码,其实这中说法是错误的,只是我们不认识服务器给我们的字符.其实还是原来的字符?那 ...

  8. 真实项目中 ThreadLocal 的妙用

    一.什么是 ThreadLocal ThreadLocal 提供了线程的局部变量,每个线程都可以通过 set() 和 get() 来对这个局部变量进行操作,但不会和其他线程的局部变量冲突,实现了线程间 ...

  9. 001-python3 初识

    一.python的起源 python是一门 解释型弱类型编程语言. 特点: 简单.明确.优雅 二.python的解释器 CPython. 官方提供的. 内部使用c语言来实现 PyPy. 一次性把我们的 ...

  10. Linux命令学习-tail命令

    Linux中,tail命令的全称就是tail,主要用于监控日志文件. 对于一个正在运行应用来说,其对应的log日志文件肯定是在不断的更新,此时,便可通过tail命令来动态显示日志文件的内容.假设当前目 ...