<!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. 文件句柄FileDescriptor的hanle/fd两个字段分析

    对于FileInputStream/FileOutputStream/RandomAccessFile,使用handle来表示底层的文件句柄 对于ServerSocket/Socket,使用fd来表示 ...

  2. （转）Spring事务管理（详解+实例）

    文章转自:http://blog.csdn.net/trigl/article/details/50968079 写这篇博客之前我首先读了<Spring in action>,之后在网上看 ...

  3. BFS算法（——模板习题与总结）

    首先需要说明的是BFS算法(广度优先算法)本质上也是枚举思想的一种体现,本身效率不是很高,当数据规模很小的时候还是可以一试的.其次很多人可能有这样的疑问,使用搜索算法的时候,到底选用DFS还是BFS, ...

  4. MVC应用程序的jQuery代码重构

    先看看这篇<在jQuery定义自己函数>http://www.cnblogs.com/insus/p/3415444.html 程序越看越是有重构的地方. 先看1部分,由于在#16代码有宣 ...

  5. LDA(线性判别分析，Python实现)

    源代码: #-*- coding: UTF-8 -*- from numpy import * import numpy def lda(c1,c2): #c1 第一类样本,每行是一个样本 #c2 第 ...

  6. 深入理解java虚拟机---3垃圾回收机制GC

    本文来源于翁舒航的博客,点击即可跳转原文观看!!!(被转载或者拷贝走的内容可能缺失图片.视频等原文的内容) 若网站将链接屏蔽,可直接拷贝原文链接到地址栏跳转观看,原文链接:https://www.cn ...

  7. CentOS压力测试 ab 命令安装与使用

    Apache安装包中自带的压力测试工具 Apache Benchmark(简称ab) 简单易用,这里就采用 ab作为压力测试工具了. 1.独立安装 ab运行需要依赖apr-util包,安装命令为: y ...

  8. call，apply,bind

    var student={ name:"马云", say:function(){ console.log(this.name); } } var f=student.say; f. ...

  9. Android8自定义广播无法收到消息

    在Android 8之前,如果要发送自定义的静态广播,做好其他配置后,只需实例化一个Intent对象intent,然后将其作为参数传入sendBroadcast()方法中即可,例如 Intent in ...

  10. SqlSession对象之ResultSetHandler

    ResultSetHandler是Mybatis中的另一重要接口,它的代码如下所示: public interface ResultSetHandler { <E> List<E&g ...