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. Bootstrap 路径分页标签和徽章组件

    一．路径组件 路径组件也叫做面包屑导航. //面包屑导航 <ol class="breadcrumb"> <li><a href="#&qu ...

  2. windbg 命令 gchandles

    使用windbg导出dump文件 .dump /ma D:\testdump.dmp gchandles命令列出句柄,同时列出句柄引用的对象,演示代码如下: using System; using S ...

  3. php+mysql实现事务回滚

    模拟条件:第一个表插入成功,但是第二个表插入失败,回滚.第一个表插入成功,第二个表插入成功,执行.第一个表插入失败,第二个表插入成功,回滚.第一个表插入失败,第二个表插入失败,回滚.以上情况都需要回滚 ...

  4. UITextView打开文字中的URL

    1. 背景介绍 UITextView里显示的文字带有url,点击url可以打开对应的网页,可以分两种打开方式:(1)在App内打开url:(2)用safari打开url. 2. 实现代码: (1)声明 ...

  5. AX中四种库存ABC分析法原理研究

    库存ABC分类,简单的说就是抓大放小,是为了让我们抓住重点,用最大精力来管理最重要的物料,而对于不太重要的物料则可以用较少的精力进行管理.它和我们平常说的八二法则有异曲同工之妙. 既然要应用库存ABC ...

  6. 长城坑爹宽带，劫持用户DNS赚取购物返利

    今天回来登录www.jd.com 打算淘点东西,登录后发现地址栏跳到 http://www.jd.com/?utm_source=click.linktech.cn&utm_medium=tu ...

  7. [LeetCode]题解（python）：059-Spiral Matrix II

    题目来源 https://leetcode.com/problems/spiral-matrix-ii/ Given an integer n, generate a square matrix fi ...

  8. Bone Collector

    if(j>=w[i]) dp[i][j] = max(dp[i-1][j-w[i]]+v[i], dp[i-1][j]); else dp[i][j]=dp[i-1][j]; i 1 2 3 4 ...

  9. webView、scrollView、TableView，为了防止滚动时出现偏移，底部黑框问题等

    if ([self respondsToSelector:@selector(automaticallyAdjustsScrollViewInsets)]) {self.automaticallyAd ...

  10. JS-005-常见下拉列表 Select 和 datalist

    下拉列表在我们日常的网页浏览的过程中,随处可见,是 web 编程过程中大家非常熟悉的一个页面元素,随着 HTML 语言的日益强大,其在广大攻城狮的手中可谓是千变万化,有了很多不同的实现方式.本文主要以 ...