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. HBase HDFS目录树

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

  2. protobuf序列化、反序列化

    引用dllprotobuf-net.rar /// <summary> /// buf序列化 /// </summary> public static String Seria ...

  3. Linux下编译静态MinGW环境,编译windows平台Qt程序(使用MXE)

    参考链接: MXE.>大多数程序都是在windows平台下开发的程序.windows 在现实中也是绕不过的一个系统平台,做为受过几年VC,MFC”虐待”的程序员,在做为一个程序员之前是一位Lin ...

  4. FastDFS分布式文件系统安装与使用(单节点)

    http://blog.csdn.net/xyang81/article/details/52837974 http://download.csdn.net/detail/xyang81/966749 ...

  5. Mars 是微信官方的终端基础组件,是一个使用 C++ 编写的业平台性无关的基础组件

    http://www.oschina.net/p/wechat-mars http://www.oschina.net/news/80453/wewechat-open-source-plan

  6. WPF自定义RoutedEvent事件示例代码

    ************************* 引用网友,便于查找所用..... 创建自定义路由事件和应用分为6个步骤: (1)自定义路由事件参数对象 (2)声明并注册路由事件 (3)为路由事件添 ...

  7. C/C++链表操作(面试)

    1.为了反转这个单链表,我们先让头结点的next域指向结点2,再让结点1的next域指向结点3,最后将结点2的next域指向结点1,就完成了第一次交换,顺序就变成了Header-结点2-结点1-结点3 ...

  8. [Stanford 2011] Views 知识点

    一.view分层 (1)View的结构是分层的,一个view只能有一个父view,但可以有多个子view.子view的顺序是相关的,在数组中的位置越高或者说数字越大,就显示在后面,位置低的显示在前面. ...

  9. [Stanford 2011] 知识点小结

    1.获得帮助:option+click /  option+double click 2.@property里的nonatomic,表示非原子性访问,atomic是obj-c里使用的一种线程保护技术, ...

  10. 如何解决.NET Framework4.0的System.EnterpriseServices could not found 的问题

    我今天建基于.NET Framework4.0的webSite时报错 “System.EnterpriseServices, Version=4.0.0.0, Culture=neutral, Pub ...