html5第十二课时，汇总

最新推荐文章于 2020-04-05 21:41:04 发布
最新推荐文章于 2020-04-05 21:41:04 发布
阅读量288 收藏
点赞数
分类专栏： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36872096/article/details/76040157
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        //第一个月 兔子对数：1
        //第二个月 兔子对数：1
        //第三个月 兔子对数：2
        //第四个月 兔子对数：3
        //第五个月 兔子对数：5
        //第六个月 兔子对数：8

        //按照斐波纳契数列求出月份下兔子总数
        //第13个月兔子总数
        //先接收数字，根据数组求当月兔子总数，对数*2
        var m1=1;
        var m2=1;
        var sum=1;
        var i=3;
        var month=Number(prompt('请输入月份'));

        while(month>2&&i<=month) {
            sum=m1+m2;
            m1=m2;
            m2=sum;
            i++;
        }
        alert('兔子总数是'+sum*2)
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var num=prompt('请输入一个正整数');
        var num1=parseInt(num);
        var num2=parseFloat(num);

        if(num1==num2&&num>0) {
            //数字反转
            num=num.split('').reverse();
            var i=0;
            var result='';
            while(i<num.length) {
                result+=num[i];
                i++;
            }
            alert('反转之后的数字是'+result)
        } else {
            alert('该数字不是一个正整数')
        }
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var i=0;
        //continue 
        //当continue在while或do while循环中，执行之后是继续执行判断
        while(i<5) {
            i++;
            if(i==3) {
                continue
            }
            console.log(i)
        }

        //当continue在for循环中，执行之后是继续执行表达式3
        for(var i=0;i<5;i++) {
            if(i==3) {
                continue
            }
            console.log(i)
        }
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
</body>
</html>
<script type="text/javascript">
    //打印行数是7
    var line=7;
    for(var i=0;i<line;i++) {
        //前四行，每行递增两个
        if(i<=3) {
            for(var j=1;j<=line-i-4;j++) {
                document.write('&nbsp;');
            }
            for(var j=0;j<i*2+1;j++) {
                document.write('*');
            }
        } else {
            for(var j=1;j<=i-line+4;j++) {
                document.write('&nbsp;');
            }
            //i=4,打印5个
            //i=5,打印3个
            //i=6,打印1个
            for(var j=(line-i)*2-1;j>0;j--) {
                document.write('*');
            }
        }
        document.write('<br />');
    }
</script>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>无参函数</title>
    <script type="text/javascript">
        /**
         * 无参函数
         */
        function print() {
            document.write('hahahhahahaa');
        }

        /**
         * 有参函数
         * @param {Object} str
         */
        function print2(str) {
            document.write(str);
        }

        /**
         * 有返回值类型
         * @param {Object} str
         */
        function print3(str) {
            document.write(str);
            return 'abc';
        }


    </script>
</head>
<body>
<input type="button" id="a" value="点击" οnclick="print()" />
<input type="button" id="b" value="点击" οnclick="print2('1234567890')" />
<input type="button" id="c" value="点击" οnclick="alert(print3('666666'))" />
<input type="button" id="d" value="点击" />
</body>
</html>
<script type="text/javascript">
    var d=document.getElementById('d');
    //使用事件触发函数
    //无名称的函数又叫匿名函数
    // d.οnclick=function () {
    //    alert('d被点击')
    // }
    function d2() {
        alert('d被点击');
    }
    d.οnclick=d2;
</script>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>无参函数</title>
    <script type="text/javascript">
        /**
         * 无参函数
         */
        function print() {
            document.write('hahahhahahaa');
        }

        /**
         * 有参函数
         * @param {Object} str
         */
        function print2(str) {
            document.write(str);
        }

        /**
         * 有返回值类型
         * @param {Object} str
         */
        function print3(str) {
            document.write(str);
            return 'abc';
        }

    </script>
</head>
<body>
<input type="button" id="a" value="点击" οnclick="print()" />
<input type="button" id="b" value="点击" οnclick="print2('1234567890')" />
<input type="button" id="c" value="点击" οnclick="alert(print3('666666'))" />
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>算术运算</title>
    <script type="text/javascript">
        var n1=parseFloat(prompt('请输入第一个数'));
        var f=prompt('请输入运算符');
        var n2=parseFloat(prompt('请输入第二个数'));
        function test(num1,num2,f) {
            var result;
            switch(f) {
                case '+':
                    //加法运算
                    result=num1+num2;
                    break;
                case '-':
                    //减法运算
                    result=num1-num2;
                    break;
                case '*':
                    //乘法运算
                    result=num1*num2;
                    break;
                case '/':
                    //除法运算
                    result=num1/num2;
                    break;
            }
            return result;
        }
        alert('运算结果是'+test(n1,n2,f))
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录功能</title>
    <script type="text/javascript">
        function login(username,password) {
            if(username=='jredu'&&password=='1234') {
                return true;
            } else {
                return false;
            }
        }
        var username=prompt('请输入用户名');
        var password=prompt('请输入密码');
        alert(login(username,password)?'登录成功':'登录失败')
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>返回平均分</title>
    <script type="text/javascript">
        function avg() {
            var avg=0;
            for (var i=0;i<arguments.length;i++) {
                //所有的成绩之和
                avg+=parseFloat(arguments[i]);
            }
            return avg/arguments.length;
        }
        alert('平均分数是'+avg(50,60,70,80,90,90))
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>输出某一个范围数字中的所有质数</title>
    <script type="text/javascript">
        //获取一定范围内的质数
        function getNum(min,max) {
            //求范围内的所有质数
            var array=new Array();
            //判断是否是质数
            for(var i=min;i<=max;i++) {
                var isPrime=true;
                for(var j=2;j<i;j++) {
                    //被2或其他小于它的数字整出就不是质数
                    if(i%j==0) {
                        isPrime=false;
                        break;
                    }
                }
                if(isPrime&&i!=1) {
                    //true是质数
                    //向数组中添加这个数字
                    array.push(i);
                }
            }
            return array;
        }
        function printPrime(min,max,array) {
            alert('在'+min+'到'+max+'的范围内有'+array.length+'个质数，分别是'+array.toString())
        }

        var min=prompt('请输入最小值');
        var max=prompt('请输入最大值');
        printPrime(min,max,getNum(min,max));
    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>History对象</title>
    <script type="text/javascript">
        var length=history.length;
        alert(length)
        function forward() {
            history.forward();
        }
        function back() {
            history.back();
        }
        function go() {
            history.go(1);
        }
    </script>
</head>
<body>
<input type="button" id="a" value="点击跳转下一个"  οnclick="forward()"/>
<input type="button" id="b" value="点击跳转上一个" οnclick="back()"/>
<a href="js13.html">点击跳转13</a>
<a href="js12.html">点击跳转12</a>
<input type="button" value="点击跳转15" οnclick="go()" />
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<a href="js14.html">跳转至14</a>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鲜花订购</title>
    <script type="text/javascript">
        function jump() {
            location.href='http://127.0.0.1:8020/JSDemo/js03/js17.html';
        }
        function reload() {
            //刷新本页
            location.reload();
        }
    </script>
</head>
<body>
<img width="200" height="200" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1497184971551&di=ba116bcaeee97037ab42663764b526c1&imgtype=0&src=http%3A%2F%2Fimg05.tooopen.com%2Fimages%2F20150621%2Ftooopen_sy_131418462643.jpg"/>
<span>鲜花Flower ['flauə] 是被子植物（被子植物门植物，又称有花植物）的繁殖器官，其生物学功能是结合雄性精细胞与雌性卵细胞以产生种子。这一进程始于传粉，然后是受精，受精过后，从而形成种子并加以传播。对于高等植物而言，种子便是其下一代，种子又长成鲜花，又传粉、受精，从而延续这个品种的花的生命。而且是各物种在自然界分布的主要手段。同一植物上着生的花的组合称为花序。广义的鲜花卉可指一切具有观赏价值的植物繁殖器官，而狭义上则单指所有的开花植物。除了作为被子植物的繁殖器官，鲜花还一直广受人们的喜爱和使用，主要用于美化环境、人际交往，而且还作为一种食物来源。花由花冠、花萼、花托、花蕊组成，有各种颜色，有的长得很艳丽，有香味。</span>
<div id="">
    <input type="button" value="查看鲜花详情" οnclick="jump()" />
    <input type="button" value="刷新本页" οnclick="reload()" />
</div>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鲜花订购</title>
    <script type="text/javascript">
        function back() {
            history.back();
        }
    </script>
</head>
<body>
<img width="200" height="200" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1497184971551&di=ba116bcaeee97037ab42663764b526c1&imgtype=0&src=http%3A%2F%2Fimg05.tooopen.com%2Fimages%2F20150621%2Ftooopen_sy_131418462643.jpg"/>
<span>鲜花Flower ['flauə] 是被子植物（被子植物门植物，又称有花植物）的繁殖器官，其生物学功能是结合雄性精细胞与雌性卵细胞以产生种子。这一进程始于传粉，然后是受精，受精过后，从而形成种子并加以传播。对于高等植物而言，种子便是其下一代，种子又长成鲜花，又传粉、受精，从而延续这个品种的花的生命。而且是各物种在自然界分布的主要手段。同一植物上着生的花的组合称为花序。广义的鲜花卉可指一切具有观赏价值的植物繁殖器官，而狭义上则单指所有的开花植物。除了作为被子植物的繁殖器官，鲜花还一直广受人们的喜爱和使用，主要用于美化环境、人际交往，而且还作为一种食物来源。花由花冠、花萼、花托、花蕊组成，有各种颜色，有的长得很艳丽，有香味。</span>
<div id="">
    <input type="button" value="返回主页面" οnclick="back()" />
</div>
</body>
</html>
甲戌天火
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html基础
qq_50452445的博客
07-06 3123
HTML 的全称为超文本标记语言, 是一种标记语言。主要用来为文本添加语义。 注释 基本标签 h p img src: “图片的 URL”alt: “图像显示出错的替代文本”width: “图像宽度”height: “图像高度”注意点:​ 1.默认显示图像正常宽高​ 2.图像只设置宽度,高度自适应​ 3.图像只设置高度,宽度自适应​ 4.图像同时设置宽和高, 可能会导致图像变形 a href: “链接指向的页面 URL”target: “新页面打开方式” base target: “所有页面打开方
jq和js用mousemove获取鼠标当前位置
甲戌天火的博客
07-26 8756
html> lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa
关于for循环的javascript习题
weixin_30872157的博客
01-23 860
1.篮球从5米高的地方掉下来，每次弹起的高度是原来的30%，经过几次弹起，篮球的高度小于0.1米。 var height = 5; for(a = 1;;a++){ height=height*0.3; if(height<=0.1){ console.log('经过'+a+'次弹起'); b...
JavaScript之条件语句、循环语句
派拉斯兔子的博客
01-19 473
一、条件语句 for( var i = 0; i < 10; i++){ document.write('a'); } 条件语句执行顺序： 先执行 var i = 0； 会把中间的 i < 10；当成条件拿到 i f（i < 10 ) 语句中，进行条件判断，进行执行 i f （ i<10）{在这里面执行document.write(‘a’)这条执行体，条件判断...
设置title的样式
热门推荐
front_end_fan
08-28 1万+
浏览器默认的titele样式不能修改，实际上是模拟title的样式直接上demo：<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery跟随提示信息</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <styl
HTML文件基本标记（一）-<head>、<title>、<meta>
aliuxina的博客
03-24 5595
<!DOCTYPE html> <html> <head> <!-- HTML使用http-equiv来设置标头属性名称；使用charset来设置网页的内码语系 --> <meta charset="UTF-8"> <!--HTML使用name定义keyword来设置网页的关键字属性 --> <meta name="keyword" content="html,基本标记"> <!-- HTML使用
第3课时 练习二十.doc
03-10
第3课时 练习二十.doc
九年级第十二单元课件第五课时.ppt
10-18
九年级第十二单元课件第五课时.ppt
HTML网页设计新手入门教程（共32课时）
07-22
HTML网页设计教程第一章（概论）1【】HTML网页设计教程第一章（概论）2【】HTML网页设计教程第一章（概论）3【】HTML网页设计教程第一章（概论）4【】HTML网页设计教程第一章（概论）5【】HTML 资源太大，传百度网盘...
第二十一课时面对经济全球化.pptx
11-06
第二十一课时面对经济全球化.pptx
第40课时.十进制转二进制.wmv
09-17
西门子S7-200SMART PLC编程应用入门教程
css多种引入方式
weixin_43989380的博客
04-05 120
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <link rel="stylesheet.css" type="text/css"> <styl...
jquery简单练习题目五个
甲戌天火的博客
07-26 3311
html> lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa
html5第九课时，声明变量
甲戌天火的博客
05-23 3158
html> html> head lang="en"> meta charset="UTF-8"> title>声明变量title> script> /*var width1=11,width2=12;//声明变量，并且赋值。 alert(width1); alert(width2); width1=666;
a标签的三种功能及其属性的运用
甲戌天火的博客
04-06 2263
html> html> head lang="en"> meta charset="UTF-8"> title>a标签title> head> body> 标签三种功能： 1.页面跳转。 2.锚点链接。 3.功能链接。--> a href="http://book.qidian.com/
html5第十课时，判断输入的年份是否是闰年
甲戌天火的博客
07-24 2167
html> lang="en"> charset="UTF-8"> 判断输入的年份是否是闰年 type="text/javascript"> var year=parseInt(prompt('请输入年份')); (year%4==0&&year%100!=0)||year%400==0?alert(year+'是闰年'):alert(year
HTML5第十课时，计算个人所得税
甲戌天火的博客
07-24 1721
html> lang="en"> charset="UTF-8"> 计算个人所得税 type="text/javascript"> var n=parseInt(prompt('请输入基本工资')); var m=n>1000?n-((n-1000)*0.05):n; alert(m);
html第九课时，水仙花数
甲戌天火的博客
05-23 1661
html> html> head lang="en"> meta charset="UTF-8"> title>水仙花数title> script type="text/javascript"> var zhi1=prompt('请输入一个数'); var length=zhi1.length;//得到位数可以计算幂数。 va
HTML5第六课时，margin外边距
甲戌天火的博客
04-19 1196
html> html> head lang="en"> meta charset="UTF-8"> title>margin外边距title> style> *{ padding: 0; margin: 0; } /*标签选择器*/ div{
HTML入门：6课时打造网页基础与CSS样式
2. **第二章 - 页面排版布局与表格（1课时）** - 学习HTML中的全局架构标签，理解标签和属性的基本概念。这部分将教授如何使用HTML结构来创建和设计网页布局，并介绍表格的创建方法。 3. **第三章 - 表单与表单...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值