<!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. vmrun 批量创建vmware虚拟机

    1 准备模板机 具体步骤如下: 1. 下载镜像安装系统 https://mirrors.aliyun.com/centos/7.5.1804/isos/x86_64/ 2. 安装完成配置好IP ,关闭 ...

  2. 《Netty权威指南》（三）Netty 入门应用

    Netty 服务端   Netty 客户端

  3. Apache运维中常用功能配置笔记梳理

    Apache 是一款使用量排名第一的 web 服务器,LAMP 中的 A 指的就是它.由于其开源.稳定.安全等特性而被广泛使用.下边记录了使用 Apache 以来经常用到的功能,做此梳理,作为日常运维 ...

  4. MySQL 5.7 新备份工具mysqlpump 使用说明 - 运维小结

    之前详细介绍了Mysqldump备份工具使用,下面说下MySQL5.7之后新添加的备份工具mysqlpump.mysqlpump是mysqldump的一个衍生,mysqldump备份功能这里就不多说了 ...

  5. Solr 配置中文分词器 IK

    1. 下载或者编译 IK 分词器的 jar 包文件,然后放入 ...\apache-tomcat-8.5.16\webapps\solr\WEB-INF\lib\ 这个 lib 文件目录下: IK 分 ...

  6. nodejs遇到的问题

    1.express-session deprecated undefined resave option; provide resave option app.js:49:9 express-sess ...

  7. [转]C# Bootstrap table之 分页

    本文转自:https://www.cnblogs.com/zhangjd/p/7895453.html 效果如图: 一.声明talbe <div class="container&qu ...

  8. [转]DevOps解决方案-腾讯云

    本文转自:https://cloud.tencent.com/solution/devops 什么是 DevOps?   DevOps 集文化理念.实践和工具于一身,可以提高企业高速交付应用程序和服务 ...

  9. [javaSE] 看博客学习java并发编程

    共享性 多线程操作同一个数据,产生线程安全问题 新建一个类ShareData 设计一个int 型的成员变量count 设计一个成员方法addCount(),把count变量++ 在main函数中开启多 ...

  10. github小白上传本地代码及更新代码到GitHub及华为云教程

    上传本地代码 第一步:去github上创建自己的Repository,创建页面如下图所示: 红框为新建的仓库的https地址 第二步: echo "# Test" >> ...