JS_01_入门学习
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_入门学习的更多相关文章
- vue入门学习(基础篇)
vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标 ...
- Hadoop入门学习笔记---part4
紧接着<Hadoop入门学习笔记---part3>中的继续了解如何用java在程序中操作HDFS. 众所周知,对文件的操作无非是创建,查看,下载,删除.下面我们就开始应用java程序进行操 ...
- Hadoop入门学习笔记---part3
2015年元旦,好好学习,天天向上.良好的开端是成功的一半,任何学习都不能中断,只有坚持才会出结果.继续学习Hadoop.冰冻三尺,非一日之寒! 经过Hadoop的伪分布集群环境的搭建,基本对Hado ...
- PyQt4入门学习笔记(三)
# PyQt4入门学习笔记(三) PyQt4内的布局 布局方式是我们控制我们的GUI页面内各个控件的排放位置的.我们可以通过两种基本方式来控制: 1.绝对位置 2.layout类 绝对位置 这种方式要 ...
- PyQt4入门学习笔记(一)
PyQt4入门学习笔记(一) 一直没有找到什么好的pyqt4的教程,偶然在google上搜到一篇不错的入门文档,翻译过来,留以后再复习. 原始链接如下: http://zetcode.com/gui/ ...
- Hadoop入门学习笔记---part2
在<Hadoop入门学习笔记---part1>中感觉自己虽然总结的比较详细,但是始终感觉有点凌乱.不够系统化,不够简洁.经过自己的推敲和总结,现在在此处概括性的总结一下,认为在准备搭建ha ...
- Retrofit 入门学习
Retrofit 入门学习官方RetrofitAPI 官方的一个例子 public interface GitHubService { @GET("users/{user}/repos&qu ...
- MyBatis入门学习教程-使用MyBatis对表执行CRUD操作
上一篇MyBatis学习总结(一)--MyBatis快速入门中我们讲了如何使用Mybatis查询users表中的数据,算是对MyBatis有一个初步的入门了,今天讲解一下如何使用MyBatis对use ...
- opengl入门学习
OpenGL入门学习 说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640 ...
随机推荐
- nrf51822裸机教程-GPIO
首先看看一下相关的寄存器说明 Out寄存器 输出设置寄存器 每个比特按顺序对应每个引脚,bit0对应的就是 引脚0 该寄存器用来设置 引脚作为输出的时候的 输出电平为高还是低. 与输出设置相关的 还有 ...
- 树莓派如何便捷的使用pi4j
问题的由来 pi4j用起来很方便,但是感觉pi4j库的命名太杂乱,啰嗦了,很容易弄混,而且好像没听说官方有自己的编译器.如果没有智能点的编辑器的话,写起来真要命,但是树莓派运行Eclipse不太现实, ...
- Bulk Insert & BCP执行效率对比
我们以BCP导出的CSV数据文件,分别使用Bulk insert与BCP导入数据库,对比两种方法执行效率 备注:导入目标表创建了分区聚集索引 1.BCP导出csv数据文件 数据量:15000000行, ...
- Wordpress固定链接设置
wordpress设置固定链接时,应该尽量注意一下几点: 1.不要让日期出现在固定链接里面. 2.不要让分类的链接出现在固定链接里面. 3.链接不要太深. 4.链接中不要出现中文. 5.文章最后可以加 ...
- Nagios Looking Glass 本地文件包含漏洞
漏洞名称: Nagios Looking Glass 本地文件包含漏洞 CNNVD编号: CNNVD-201310-682 发布时间: 2013-10-31 更新时间: 2013-10-31 危害等级 ...
- ECSHOP给分类添加图
1.修改/admin/template/category_info.html <tr> <td>{$lang.cat_img}:</td> <td> & ...
- grep与find
grep命令可以指定文件中搜索特定的内容,并将含有这些内容的行标准输出.grep全称是Global Regular Expression Print -c:只输出匹配行的计数.-I:不区分大小写(只适 ...
- javac 错误: 编码GBK的不可映射字符
在java代码中有中文注释,使用javac编译时,出现编码报错. 错误: 编码GBK的不可映射字符 问题原因: 在编译的时候,如果我们没有用-encoding参数指定我们的JAVA源程序的编码格式,则 ...
- Jackson:fasterxml和codehaus的区别
Jackson fasterxml和codehaus的区别: 它们是jackson的两个分支.也是两个版本的不同包名.jackson从2.0开始改用新的包名fasterxml:1.x版本的包名是cod ...
- Javascript位置 body之前、后执行顺序
简介:当页面加载的时候,嵌入html标记的js代码和位于<body></body>之间的js代码将被执行:当调用的时候,位于<head></head>之 ...