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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <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 ...
随机推荐
- Java多线程同步工具类之CountDownLatch
在过去我们实现多线程同步的代码中,往往使用join().wait().notiyAll()等线程间通信的方式,随着JUC包的不断的完善,java为我们提供了丰富同步工具类,官方也鼓励我们使用工具类来实 ...
- Java集合 LinkedList的原理及使用
Java集合 LinkedList的原理及使用 LinkedList和ArrayList一样是集合List的实现类,虽然较之ArrayList,其使用场景并不多,但同样有用到的时候,那么接下来,我们来 ...
- 【疑难杂症】windows下如何有效重装印象笔记
重装这么简单的操作还用得着写篇文章吗??emmmm,言之有理,简单的重装就是卸载后重新下载最新的安装包然后安装就完事了,这里说的肯定是不简单的重装[滑稽]. 背景是这样的,之前在mac上对印象笔记的笔 ...
- Python静态方法,其实暗藏玄机
文章首发于 微信公众号:Python编程时光 这个标题「静态方法其实暗藏玄机」其实只是该文章的一个知识点.或许有些标题党,但没有关系,我相信有不少人对此并没有深入研究他们,不信我问你三个问题,你看能否 ...
- 在linux中,&和&&, |和|| ,&> 与 >的区别
对应刚接触linux命令的小伙伴们来说,这些符号一定是很困扰的下面我们一起来看这些符号区别和用法 & 表示任务在后台执行,如要在后台运行 如: [root@localhost local]# ...
- Java连载3-编译与运行阶段详解&JRE,JDK,JVM关系
·一. 1.JDK下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk12-downloads-5295953.html ...
- 从无到有构建vue实战项目(二)
二.vue项目的初步搭建 该项目我采用了当下最流行的vue ui框架---element-ui,首先用vue-cli构建一个vue项目: vue create education 然后会出现一系列配置 ...
- Quartz每次调度时被执行两次
[关键字:重复执行.重复调用.每次执行两次.执行2次] 前言: 先说一下,项目背景.由于组内某成员在用Maven搭建项目时不规范,导致项目的名称与实际访问项目名称不一致.在部署项目时,必需要配一下虚拟 ...
- POJ 3301:Texas Trip(计算几何+三分)
http://poj.org/problem?id=3301 题意:在二维平面上有n个点,每个点有一个坐标,问需要的正方形最小面积是多少可以覆盖所有的点. 思路:从第二个样例可以看出,将正方形旋转45 ...
- 修改SearchBar的取消按钮Cancel为中文
一开始在网上看到很多方法都是循环,好吧,我也循环 创建UISearchBar的时候循环,不行 用searchBarTextDidBeginEditing事件去循环,也不行 无语了,搜索了Baidu第一 ...