<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style>

            body {                                                            /* 一些标签的自定义 */

                background: url(../img/backgroud.jpg);

                background-attachment: fixed;

            }

            div.right_top {

                position: absolute;

                top: 0px;

                left:1050px;

            }

            a.cai {

                text-decoration: none;

            }

            a.cai:link, a.cai:visited {

                display: block;

                width: 120px;

                font-weight: 500;

                text-align:center;

                color: #FFFFFF;

                height: 25px;

                background-color:#98bf21;

                padding: 1px;

            }

            a.cai:active, a.cai:hover {

                background:#7A991A;

            }

        </style>

        <script>                                                                   //js 脚本

            function answer() {                                                    //建立一个函数

                var x = document.getElementById("problem").innerHTML;              //设变量并赋值

                if(x == "2018年") {

                    document.getElementById("problem").innerHTML = "今年是哪一年？";

                }

                else {

                    document.getElementById("problem").innerHTML = "2018年";       //给 id 赋值

                }

            }

            function lucky() {

                var x = Math.random()*10000;

                x = parseInt(x);

                document.getElementById("lucky").innerHTML = x;

            }

            function alert1() {                                                    //弹出警告框

                alert("请不要随便乱点按钮!!!");

            }

            function alert2(x) {

                alert("Hello " + x);

            }

            function startTime(){                                                 //得到系统时间

                var today=new Date();

                var h=today.getHours();

                var m=today.getMinutes();

                var s=today.getSeconds();

                document.getElementById('time').innerHTML=h+":"+m+":"+s;          //将时间打印到界面上

                t=setTimeout(function(){startTime()},500);                        //自动刷新

            }

        </script>

    </head>

    <body onload="startTime()">

        <a class="cai" href="http://www.runoob.com" target="_blank">菜鸟教程</a>

        <a class="cai" href="http://www.runoob.com/js/js-examples.html" target="_blank">JavaScript</a>

        <div class="right_top">                                            <!-- _blank：打开新标签页 -->

            <h2 id="problem">今年是哪一年？</h2>

            <button onclick="answer()">转换</button>

        </div>

        <script>document.write("<br>Hello world!")</script>

        <script>

            var name="Asimple";

            document.write("<br>" + name + "<br>");

        </script>

        <h3 id="lucky">查看你今天的幸运数字</h3>

        <button onclick="lucky()">查看</button>

        <button onclick="alert1()">点击试试</button>

        <button onclick="alert2('Tom')">点击试试</button><br>

        <h2 id="time" style="position: absolute; top:100px; left: 1050px;"></h2>

    </body>

</html>

Javascript基础笔记（部分）的更多相关文章

  1. JavaScript基础笔记二

    一.函数返回值1.什么是函数返回值    函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...

  2. JavaScript基础笔记一

    一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...

  3. JavaScript基础笔记集合（转）

    JavaScript基础笔记集合   JavaScript基础笔记集合   js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译   js存放的位置 html脚本必须放在&l ...

  4. JavaScript基础笔记（十）表单脚本

    表单脚本 一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数 ...

  5. JavaScript基础笔记（八）DOM扩展

    DOM扩展 一.选择符API Selectors API是由W3C发起制定的一个标准,致力于让浏览器原生支持CSS查询. 一)querySelector() 在Document和Element类型实例 ...

  6. JavaScript基础笔记（一）基本概念

    基本概念 一.语法 一)区分大小写 二)标识符 书写规则同Java 三)注释 略 四)严格模式 1.在整个脚本中启用严格模式:在顶部添加 "use strict" 2.指定函数在严 ...

  7. JavaScript基础笔记1220

    JavaScript笔记1.JavaScript关键词2.JavaScript标识符 必须以字母,下划线(_)或美元符($)开始. 后续的字符可以是字母.数字.下划线或者美元符 (数字是不允许作为首字 ...

  8. javascript基础笔记学习

    /** * Created by Administrator on 2016/12/26. */ /* var box; alert( typeof box); box是Undefined类型,值是u ...

  9. Android路径之Javascript基础-笔记

    一.Javascript概述(知道) a.一种基于对象和事件驱动的脚本语言 b.作用: 给页面添加动态效果 c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt. d.特 ...

  10. JavaScript基础笔记（十四）最佳实践

    最佳实践 一)松散耦合 1.解耦HTML/JavaScript: 1)避免html种使用js 2)避免js种创建html 2.解耦CSS/JS 操作类 3.解耦应用逻辑和事件处理 以下是要牢记的应用和 ...

随机推荐

  1. 根据js来判断手机是操作系安卓还是ios

    平常开发很常见的功能,在移动端需要根据javaScript来判断手机是安卓还是ios进行应用市场跳转. 通过js提供的Navigator可以来判断手机是安卓还是ios系统,代码如下 1.js判断是否为 ...

  2. spring boot 自动更新静态文件和后台代码 -- 热部署

    在spring boot使用的过程中, 发现我修改了静态文件, 前台刷新后, 没有任何变化, 必须重新启动, 才能看到, 这简直不能让人接受. 那有什么方法来解决这个问题呢. Baidu之后, 得到了 ...

  3. 你真的理解编码吗？unicode，utf8，utf16详解

    背景 前两天在网上看到一篇关于编码的讨论,仔细学习了一下unicode,utf8,utf16的定义.这篇博客旨在让读者真正理解他们是什么. 什么是编码 在阅读本文之前建议读者先去阅读这篇文章:http ...

  4. Geohash距离估算

    http://www.cnblogs.com/LBSer/p/3298057.html 一.经纬度距离换算 a)在纬度相等的情况下: 经度每隔0.00001度,距离相差约1米: 每隔0.0001度,距 ...

  5. mysql安装时，提示：Failed to start service MYSQL80

    在安装MySQL8.0.13的最后一步,配置启动MySQL服务的时候,MySQL启动失败,查看Log日志错误如下: Attempting to start service MySQL80... Fai ...

  6. windows开机提示文件损坏

    今早按部就班的开机,然后准备吃热干面,很多时候事情都是同步进行的... 然后眼前出现这样一个界面 心情果断灰暗下来,按照提示一步步操作,点enter进入高级选项,试过了安全模式启动.最后一次正确配置启 ...

  7. C输入输出与文件

    一.终端I/O 1.单字符I/O:getchar(),putchar() (1)单字符输入(get character): [ int getchar();] 返回值为输入的字符(ASCII).可以接 ...

  8. ASP.NET Repeater控件实现简单分页

    早上,有看MSDN,看到了 PagedDataSource 类 http://msdn.microsoft.com/zh-cn/library/system.web.ui.webcontrols.pa ...

  9. echart 数据视图 样式重写

    来源http://blog.csdn.net/u010705091/article/details/75212724 echarts折线图的数据视图样式重写 在echarts.js中,点击折线图的数据 ...

  10. textarea赋值时换行符无效的解决方法

    //替换字符串中的换行符为br var Content = JSON.stringify(txt); Content = Content.replace(/\\n/g, '<br />') ...