01：编写js文件：JavaScript_01.js

// JavaScript Document

    //1、利用JavaScript来输出文字

    <script type="text/javascript">

    <!--

        document.write("02:External text output text!");

    //-->

    </script>

02：编写html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Tentative JavaScript</title>

</head>

<body>

    、Use JavaScript to output text !

    <script type="text/javascript">

    <!--

        document.write("out put text");

    //-->

    </script>

    <br />

    、Import external js to use !

    <script src="JavaScript_01.js"></script>

    <br />

    ‘if / else / alert

    <script type="text/javascript">

        var hob="football";

        var hob02="js";

        if(hob02=="js"){

            alert("Good for you !");

        }else if(hob=="football"){

            alert("Bad for you !");

        }

    </script>

    <br />

    、Use js in form !

    <script type="text/javascript">

    </script>

    <form>

        <p><input type="radio" name="input" onclick="hobs(this.value)" value="js" id="js"/><label for="js">JavaScript</label></p>

        <p><input type="radio"  nam="input" onclick="hobs(this.value)" value="football" id="js"/><label>Football</label></p>

    </form>

    、Use js switcth() method in html ! Use parseInt transform other to int !

    <script type="text/javascript">

        var score=;

        switch(parseInt(score/)){

            case :

            case :

            case :

            case :

            case :

            case :

                alert("bad digree");

                break;

            case :

            case :

                alert("just so so !");

                break;

            case :

            case :

                alert("good for you");

                break;

        }

    </script>

    <br />

    、Get value by id

    <script type="test/javascript">

        function judge(){

            var score_01;

            var degree_01;

            score_01=document.getElementsById("score_01").value;

            if(score_01>){

                degree_01="do not need me !";

            }else{

                degree_01="good for you";

            }

        }

        document.write(degree_01);

    </script>

    <form action="#" method="post">

        <label for="score_01">

            Degree[-]

        </label>

        <input name="score_01" id="score_01" type="text"/>

        <button onclick="judge()">ClickToSubmit</button>

    </form>

    <br />

    、Prompt

    <script type="text/javascript">

        var score_07;

        var degree_07;

        score_07=prompt("Input your degree !");

        if(score_07>){

            degree_07="Are you kiding";

        }else{

            switch(parseInt(score_07/)){

                case :

                case :

                case :

                case :

                case :

                case :

                case :

                    degree_07="bad degree";

                    judge_07();

                    break;

                case :

                    degree_07="7 degree";

                    judge_07();

                case :

                case :

                    degree_07="8-9 degree";

                    judge_07();

            }

        }

        function judge_07(){

            document.write("<br/>"+degree_07);

            alert(degree_07);

        }

    </script>

    <br />

    、confirm

    <script type="text/javascript">

        function isCainiao(){

            var isC=confirm("are you cainiao?");

            if(isC==true){

                alert("CaiNiao");

            }else{

                alert("DaShen");

            }

        }

        isCainiao();

    </script>

    <form action="#" method="post">

        <button value="confirm" onclick="isCainiao()">Submit</button>

    </form>

    、for in loop / Array

    <br />

    <script type="text/javascript">

        var x;

        var hobbies_09=new Array();

        hobbies_09[]="java";

        hobbies_09[]="script";

        hobbies_09[]="javascript";

        for(x in hobbies_09){

            document.write(hobbies_09[x]+"<br/>");

        }

    </script>

    、incident

    <br />

    <script type="text/javascript">

        function incident_09(){

            document.write("mouseOn");

        }

    </script>

    <button onmouseout="incident_09()">incidentOn</button>

    <br />

    、try catch finally

    <script type="text/javascript">

        var i_11=;

        var j_11=;

        try{

            i/i;

        }catch(e){

            alert("error");

        }finally{

            alert("finally");

        }

    </script>

    <br />

</body>

</html>

JS_01_入门学习的更多相关文章

  1. vue入门学习（基础篇）

    vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标 ...

  2. Hadoop入门学习笔记---part4

    紧接着<Hadoop入门学习笔记---part3>中的继续了解如何用java在程序中操作HDFS. 众所周知,对文件的操作无非是创建,查看,下载,删除.下面我们就开始应用java程序进行操 ...

  3. Hadoop入门学习笔记---part3

    2015年元旦,好好学习,天天向上.良好的开端是成功的一半,任何学习都不能中断,只有坚持才会出结果.继续学习Hadoop.冰冻三尺,非一日之寒! 经过Hadoop的伪分布集群环境的搭建,基本对Hado ...

  4. PyQt4入门学习笔记（三）

    # PyQt4入门学习笔记(三) PyQt4内的布局 布局方式是我们控制我们的GUI页面内各个控件的排放位置的.我们可以通过两种基本方式来控制: 1.绝对位置 2.layout类 绝对位置 这种方式要 ...

  5. PyQt4入门学习笔记（一）

    PyQt4入门学习笔记(一) 一直没有找到什么好的pyqt4的教程,偶然在google上搜到一篇不错的入门文档,翻译过来,留以后再复习. 原始链接如下: http://zetcode.com/gui/ ...

  6. Hadoop入门学习笔记---part2

    在<Hadoop入门学习笔记---part1>中感觉自己虽然总结的比较详细,但是始终感觉有点凌乱.不够系统化,不够简洁.经过自己的推敲和总结,现在在此处概括性的总结一下,认为在准备搭建ha ...

  7. Retrofit 入门学习

    Retrofit 入门学习官方RetrofitAPI 官方的一个例子 public interface GitHubService { @GET("users/{user}/repos&qu ...

  8. MyBatis入门学习教程-使用MyBatis对表执行CRUD操作

    上一篇MyBatis学习总结(一)--MyBatis快速入门中我们讲了如何使用Mybatis查询users表中的数据,算是对MyBatis有一个初步的入门了,今天讲解一下如何使用MyBatis对use ...

  9. opengl入门学习

    OpenGL入门学习 说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640 ...

随机推荐

  1. hibernate manytoone中的lazy EAGER

    Hibernate中的字段映射中的Fetch有两种方式:EAGER和LAZY Eager:全部抓取 Lazy:延迟抓取 如果在字段中声明为Eager,那么在取得当前Bean时,同时会抓取Bean中的关 ...

  2. HBase HDFS目录树

    一.0.94-cdh4.2.1版本系统级别的一级目录如下,用户自定义的均在这个/hbase 下的一级子目录下/hbase/-ROOT-/hbase/.META./hbase/.archive/hbas ...

  3. There is no tracking information for the current branch

    There is no tracking information for the current branch. Please specify which branch you want to mer ...

  4. .NET 可空值类型

    Microsoft在CLR中引入了可空值类型(nullable value type)的概念. FCL中定义System.Nullable<T>类如下: [Serializable,Str ...

  5. ArcGIS中如何导出单个矢量要素图形

    原文:ArcGIS中如何导出单个矢量要素图形 在ARCGIS中载入了一张含有省界的中国地图,是SHP文件.现在我只想要其中一块地区的,实现方法如下: 加入到ArcGIS后,右击图层,打开属性表(att ...

  6. Ⅰ.net通信指前提

    ①大概搜索了一下,一般提到了这三种居多: Webservice:基于B/S的,可以对外发布方法 Socket:一种网络数据交换模型,Socket接口是TCP/IP网络的API,有三个主要因素:地址.端 ...

  7. Echart - 地图散点图(服务网点图)的实现

    Echart是百度开发的一个javascript图表库,可以流程运行于pc和移动端,底层依赖轻量级的 Canvas 类库 ZRender. ECharts 提供了常规的折线图,柱状图,散点图,饼图,K ...

  8. Project Management Process

    Project Management ProcessDescription .............................................................. ...

  9. 一个例子深入理解ClassLoader

    文件类加载器,该加载器重载了loadClass方法,逻辑是只读取文件来加载类,不委托给父类加载器进行加载 package com.ydd.study.hello.classloader; import ...

  10. jquery 日历插件datepicker格式调整

    <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy/mm/dd&quo ...