<!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. Memcache for Windows

    要求 必备知识 熟悉基本编程环境搭建. 运行环境 windows 7(64位); memcached-1.2.6 下载地址 环境下载 什么是MemCache memcache是一套分布式的高速缓存系统 ...

  2. jdk8-lambda-stream的使用

    1, 认识stream(声明式编程) Stream 不是集合元素,它不是数据结构并不保存数据,它是有关算法和计算的,它更像一个高级版本的 Iterator, 原始版本的Iterator,用户只能一个一 ...

  3. C语言中求字符串的长度

    在C语言中求字符串的长度,可以使用sizeof()函数和strlen()函数,后者需要引入string.h (#include <string.h>) 因为C语言字符串是以 \0 结尾表示 ...

  4. Java 容器源码分析之集合类详解

    集合类说明及区别 Collection ├List │├LinkedList │├ArrayList │└Vector │ └Stack └Set Map ├Hashtable ├HashMap └W ...

  5. linux下tar gz bz2 tgz z等众多压缩文件的压缩与解压方法

    Linux下最常用的打包程序就是tar了,使用tar程序打出来的包我们常称为tar包,tar包文件的命令通常都是以.tar结尾的.生成tar包后,就可以用其它的程序来进 行压缩了,所以首先就来讲讲ta ...

  6. superset----缓存之redis

    一.概述 Superset使用Flask-Cache进行缓存,Flask-Cache支持redis,memcached,simplecache(内存),或本地文件系统)等缓存后端,如果你打算使用mem ...

  7. React Native从入门到放弃之环境搭建

    官网 https://facebook.github.io/react-native/ 中文网站 http://reactnative.cn/ 相关文档 http://www.lcode.org/史上 ...

  8. 在Java的反射中，Class.forName和ClassLoader的区别

    前言 最近在面试过程中有被问到,在Java反射中Class.forName()加载类和使用ClassLoader加载类的区别.当时没有想出来后来自己研究了一下就写下来记录一下. 解释 在java中Cl ...

  9. [Node.js] 3、搭建hexo博客

      一.安装新版本的nodejs和npm 安装n模块: npm install -g n 升级node.js到最新稳定版 n stable   二.安装hexo note: 参考github,不要去其 ...

  10. 【转】CSS选择器笔记

    作者: 阮一峰 日期: 2009年3月12日 来源:http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 去年我学jQuery的时候,曾经 ...