<!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. linux 设置与网络同步的时间

    #设置linux时间 与网络时间同步安装命令yum install -y ntp同步网络时间ntpdate ntp1.aliyun.com

  2. Eclipse 下Spring cloud项目集成开发插件Spring Tool Suite (STS) 安装

    安装eclipse插件 Help->Eclipse Marketplace-> Search中查找"Spring Tool Suite (STS) for Eclipse&quo ...

  3. Unity生成WebService代理类

    普通的.net程序中,如果我们想引用webService,只需在项目中右键选择添加服务引用,然后在地址栏中输入Webservice地址,单击“转到”按钮,找到服务后再单击确定,Visual Studi ...

  4. jmeter安装教程与新手入门(附jdk安装教程)

    一.前言 最近要对网站做性能测试,提到了并发数测试,查了下,还是决定使用jmeter来完成这项测试,这里总结了jmeter完整的安装教程,附上新手使用教程. 二.jmeter安装 1.jdk安装(jm ...

  5. GoogLeNetv2 论文研读笔记

    Batch Normalization: Accelerating Deep Network Training by Reducing Internal Covariate Shift 原文链接 摘要 ...

  6. C# Code First 配置

    前言 所谓code first,是代码优先,而不是传统的数据库优先. code first的好处多多,可不用考虑数据库,只考虑面向对象.下面我们介绍一下code first的配置. 下一篇文章地址:C ...

  7. android studio 断网使用

  8. RESTful API入门

      RESTful是一种设计风格,并不是一种标准. 简短的去概括的话,就是:1.URL 定位资源 资源,就是数据.比如newsfeed,friends,order等 2.用 HTTP 动词描述操作. ...

  9. JdbcTemplate完全学习

    概述 Spring JDBC抽象框架core包提供了JDBC模板类,其中JdbcTemplate是core包的核心类,所以其他模板类都是基于它封装完成的,JDBC模板类是第一种工作模式. JdbcTe ...

  10. 常见对象（int和String类型的相互转换）

    public class Test03 { //基本数据类型包装类有八种,其中其中都有parsexxx的方法 //可以加将这七种字符串表现形式转换成基本数据类型 //char的包装类Character ...