CSS又上完了,真是快!!!

预习了JS的一部分,写了几条简单的JS代码:

1.成绩判定:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生成绩评定</title>

    <script type="text/javascript">

        var a = window.prompt("朋友,请输入你的成绩:");

        if (a==null){

            document.write("拜拜");

        }else if (a>100) {

            document.write("还能愉快的玩耍嘛!!!");

        }else if(a>90) {

            document.write(a+"是优秀");

        }else if (a>=80) {

            document.write(a+"是良好");

        }else if (a>=70) {

            document.write(a+"是中等");

        }else if (a>=60) {

            document.write(a+"是及格");

        }else if (a<60 && a>=0) {

            document.write(a+"是不及格");

        }else{

            document.write("一脸懵逼");

        }

    </script>

</head>

<body>

</body>

</html>

2.判断平年还是闰年:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>平年还是闰年?</title>

    <script type="text/javascript">

        var a = window.prompt("请输入年份");

        if (a==null) {

            document.write("玩我呢?");

        }else if(a==0){

            document.write("你什么时候听说过0年?");

        }else{

            a%4==0 && a%100!=0 || a%400==0?document.write(a+"年是闰年"):document.write(a+"年是平年");

        }

    </script>

</head>

<body>

</body>

</html>

3.输出1-100内的奇数:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>while</title>

    <script type="text/javascript">

        var i=1;

        while (i<=100)

        {

            if (i%2!=0)

            {

            document.write(i+'<br>');

            }

            i++;

        }

    </script>

</head>

<body>

</body>

</html>

CSS(三)的更多相关文章

  1. CSS三种写法的优先级

    在HTML文件中引入CSS样式有三种方法: 外部样式:通过link标签引入CSS样式: 内页样式:写在HTML页面里面的style标签里面: 行内样式:写在对应标签的style属性里面. 我知道一般情 ...

  2. CSS三种样式

    CSS 指层叠样式表 (Cascading Style Sheets): 1 内联样式:无法复用,在元素style内写 ,很少使用: 2 内部样式:在head元素内style属性内写,此样式可以被当前 ...

  3. css三种样式表写法

    css三种样式表:1.内嵌样式表: <head>  <style type="text/css">   样式表写法  </style> < ...

  4. 前端 CSS 三种引入方式

    CSS三种引入方式 行内样式 内接样式 外部样式 链接式 导入式 行内样式 就是在标签加上style属性设置样式 <!DOCTYPE html> <html lang="e ...

  5. Css三栏布局自适应实现几种方法

    Css三栏布局自适应实现几种方法 自适应实现方法我们可以从三个方法来做,一个是绝对定位 ,自身浮动法 和margin负值法了,下面我们一起来看看这三个例子吧,希望例子能帮助到各位同学. 绝对定位法三栏 ...

  6. css三栏布局方案整理

    日常开发中,经常会用到css三栏布局,现将工作中常用的css 三栏布局整理如下: 什么是三栏布局: 三栏布局,顾名思义就是两边固定,中间自适应. 一. float布局 <!DOCTYPE htm ...

  7. 006 CSS三种引入方式

    CSS三种引入方式 一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...

  8. Python 45 css三种引入方式以及优先级

    一:css三种引入方式 三种方式为:行间式 | 内联式 | 外联式 行间式   1.在标签头部的style属性内  2.属性值满足的是css语法  3.属性值用key:value形式赋值,value具 ...

  9. css三种引入方式以及其优先级的说法

    css 三种引入方式 方式一:行间式 ​ 1.在标签头部的style属性内 ​ 2.属性值满足css语法 ​ 3.属性值用key:value形式赋值,value具有单位 ​ 4.属性值之间用 分号 : ...

  10. 关于CSS三列Float布局任务

    任务目标 掌握HTML/CSS布局的概念 掌握盒模型的概念 掌握position与float的概念以及在布局时的用法 任务描述 使用 HTML 与 CSS 按照示意图;实现三栏式布局. 左右两栏宽度固 ...

随机推荐

  1. Java基础知识强化23：Java中数据类型转换（面试题）

    1. 以下代码输出结果是( D ).                     public  class  Test   {                                       ...

  2. sql循环遍历

    <sql id="Example_Where_Clause" > <!-- WARNING - @mbggenerated This element is aut ...

  3. 小学生之SpringMVC

    1. Springmvc是什么? Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行职责解耦,基 ...

  4. 关于IIS部署成功后，局域网其他用户无法访问的问题解决方法

    关于win7部署iis后,局域网的其他用户不能访问的问题.   在win7系统中,部署好iis后,自己本地可以发布和预览.但在局域网中的其他用户不可以访问.下面说一下这个原因. 这是因为win7自带的 ...

  5. 汉字转拼音（pinyin4j-2.5.0.jar）

    import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin4j.format.HanyuPinyinCase ...

  6. QQ群开放接口

    http://qun.qq.com/open.html#click http://my.oschina.net/ij2ee/blog/191692

  7. [php基础]PHP.INI配置:Session配置详细说明教程

    网上有很多PHP.INI文件配置的中文说明,但是对于PHP初学者来说在进行PHP运行环境搭建配置时还是容易一头雾水,今天换一种角度来分享如何进行php.ini配置,以求达到解决实际问题的效果,开篇以P ...

  8. JavaWeb学习笔记之Servlet（二）

    1.  GenericServlet 抽象类: 1). 是一个 Serlvet. 是 Servlet 接口和 ServletConfig 接口的实现类. 但是一个抽象类. 其中的 service 方法 ...

  9. 东软实训1 -jsp内置对象及其常用方法

    JSP 的内置对象及方法详细说明 一. request 对象 客户端的请求信息被封装在 request 对象中,通过它才能了解到客户的需 求,然后做出响应.它是 HttpServletRequest ...

  10. JAVA-2-GetDay

    import java.util.*; public class Ch0310 { public static void main(String[] args) { // TODO 自动生成的方法存根 ...