JavaScript笔记（第一章，第二章）
JavaScript笔记（第一章，第二章）
第一章：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="lesson2.js"></script>
Lesson2.js
document.write("<div style='font-size:36px; color:red'>");
document.write("欢迎使用JavaScript ！");
document.write("</div>");
第二章：
var score ; //定义变量score代表分数
score = prompt("请输入成绩","fry"); //使用window对象的prompt()方法，弹出一个输入框
后一个参数是默认值
document.write("<span style=font-size:36px;font-family:Webdings;>"
+character+"</span>");
<span> 标签被用来组合文档中的行内元素。其实相当于Java中的{}，不同的是span能给组合起来的东西设置格式。
document.write("<p>请输入几个字母看看效果：</p>");
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
do
{
}while(character!="n"&&character!="N")
等于字符怎么写，等于号和双引号，还有do-while后面没有分号
document.write(row+"*"+col+"="+row*col+" ");
空格
有事件处理，有函数，有表格，还有控件，document对象
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>计算器</title>
<script type="text/javascript">
<!--
function calc(sign)
{
var firstValue=document.calcform.first.value;
var secondValue=document.calcform.second.value;
var resultValue ; //结果
//在这里，我们默认用户输入都是数字，不作验证， 直接转换成数字
var num1 = parseFloat(firstValue);
var num2 = parseFloat(secondValue);
if(sign=="+")
{
resultValue =num1 + num2 ;
}
if(sign=="-")
{
resultValue =num1 - num2 ;
}
if(sign=="*")
{
resultValue =num1 * num2 ;
}
if(sign=="/")
{
resultValue =num1 / num2 ; /*实际上在作除法运算，要判断除数是不是为零，如果是，提示，除数不能为零，否则，显示*/
}
document.calcform.result.value = resultValue ;
}
// -->
</script>
</head>
<body>
<form name="calcform">
<table width="388" height="80" border="0">
<tr><td width="127">第一个数</td>
<td width="131">第二个数</td>
<td width="116">结果</td></tr>
<tr><td><input type="text" name="first" size="12" /></td>
<td><input type="text" name="second" size="12" /></td>
<td><input type="text" name="result" size="14" /></td></tr>
<tr><td colspan="3">运算类型：
<input type="button" value="+" onclick="calc('+')" />
<input type="button" value="-" onclick="calc('-')" />
<input type="button" value="*" onclick="calc('*')" />
<input type="button" value="/" onclick="calc('/')" />
</td></tr>
</table></form>
</body></html>
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>内置函数实现求和</title>
<script type="text/javascript">
<!--
function sum()
{
var resultValue , firstValue ,secondValue; //声明3个变量，不给初值
firstValue = document.myform.first.value ;
secondValue = document.myform.second.value;
if(isNaN(firstValue))
{
alert(firstValue+"不是一个数字！");
return; /*注意，这里使用了return语句，表示程序走到这里就返//回了，下面的语句不被执行了。如果，思考下，去掉return，会怎样呢？*/
}
if(isNaN(secondValue))
{
alert(secondValue+"不是一个数字！");
return;
}
var num1=parseFloat(firstValue);
var num2=parseFloat(secondValue);
resultValue = num1 + num2 ;
document.myform.result.value = resultValue;
}
//-->
</script>
</head>
<body style="font-size:12px;">
<form name="myform">
加数：<input type="text" name="first" size=6>
被加数：<input type="text" name="second" size=6>
<input type="button" onclick="sum()" value="求和">
<input type="text" name="result" size=6>
</form>
</body>
</html>
if(counter == 10){
break;
}
等于号
JavaScript笔记（第一章，第二章）的更多相关文章
- 《Linux内核设计与实现》读书笔记——第一、 二章
<Linux内核设计与实现>读书笔记--第一. 二章 标签(空格分隔): 20135321余佳源 第一章 Linux内核简介 1.Unix内核特点 十分简洁:仅提供几百个系统调用并且有明确 ...
- [书籍翻译] 《JavaScript并发编程》 第二章 JavaScript运行模型
本文是我翻译<JavaScript Concurrency>书籍的第二章 JavaScript运行模型,该书主要以Promises.Generator.Web workers等技术来讲解J ...
- 《JavaScript高级程序设计》——第二章在HTML使用JavaScript
这章讲的是JavaScript在HTML中的使用,也就是<script>元素的属性.书中详细讲了async.defer.src和type四个<script>的属性. 下面是对第 ...
- 《细说PHP》第四版 样章 第二章 PHP的应用与发展 1
<细说PHP>第四版 样章 第二章 PHP的应用与发展 1 学习任何编程语言之前,先了解一下它的应用与发展是很有必要的.从Web开发的历史看来,PHP.Python和Ruby几乎是同时出现 ...
- Linux第一章第二章学习笔记
第一章 Linux内核简介 1.1 Unix的历史 它是现存操作系统中最强大最优秀的系统. 设计简洁,在发布时提供原代码. 所有东西都被当做文件对待. Unix的内核和其他相关软件是用C语言编写而成的 ...
- ArcGIS API for JavaScript 4.2学习笔记[3] 官方第二章Mapping and Views概览与解释
目录如下: 连接:第二章 Mapping and Views 根据本人体会, [这一章节主要是介绍地图(Map)和视图(View)的.] 其中,Get started with MapView(2D) ...
- JS高程读书笔记-第一、二章-内附在线思维导图和quizlet卡片
之前在kindle上买了高程,今天又到了纸质的<JavaScript语言精粹>,<高性能JavaScript>,<JavaScipt设计模式>,开始读书之旅啦. 我 ...
- 《Linux内核设计与实现》读书笔记 第一、二章
第一章 Linux内核简介 1.1Unix历史 Unix特点:1.很简洁 2.所有东西都被当成文件对待 3.Unix内核和相关的系统工具软件都是用C语言编写而成 4.进程创建非常迅速 所以Uni ...
- 《利用python进行数据分析》读书笔记 --第一、二章 准备与例子
http://www.cnblogs.com/batteryhp/p/4868348.html 第一章 准备工作 今天开始码这本书--<利用python进行数据分析>.R和python都得 ...
- 《linux内核设计与实现》读书笔记第一、二章
第一章 Linux内核简介 1.1 Unix的历史 1971年,Unix被移植到PDP-11型机中. 1973年,Unix操作系统用C语言改写——为Unix系统的广泛移植铺平了道路. 1977年,伯克 ...
随机推荐
- mysql查询诊断分析工具
Query Profiler是MYSQL自带的一种query诊断分析工具,通过它可以分析出一条SQL语句的性能瓶颈在什么地方.通常我们是使用的explain,以及slow query log都无法做到 ...
- paper 148: Face Databases
持续更新ing~ 1.人脸检测数据库: (1999年发布)CMU+MIT:180幅图像,共734个人脸.包含3个正面人脸测试子集和一个旋转人脸测试子集,其中正面人脸测试子集有130幅图像,共511个人 ...
- delphi 监控文件系统
elphi 监控文件系统 你是否想为你的Windows加上一双眼睛,察看使用者在机器上所做的各种操作(例如建立.删除文件:改变文件或目录名字)呢? 这里介绍一种利用Windows未公开函数实现这个功能 ...
- JMeter 阶梯式加压测试插件 Concurrency Thread Group
jmeter阶梯式加压测试:JMeter 阶梯式加压测试插件 Stepping Thread Group 由于Stepping Thread Group插件相对来说过于老旧,已不被官方所推荐. 所以这 ...
- rsync和rsync后台模式
注意(有软连接的rsync同步,-L可以把软链接里的当普通文件同步.-l 只同步软链接不同步软链接指向的目录或文件) rsync命令详解 rsync -a 归档模式 ,表示以递归方式传输文件,并保持所 ...
- 探索Redis设计与实现1：Redis 的基础数据结构概览
本文转自互联网 本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial ...
- Openstack组件部署 — 将一个自定义 Service 添加到 Keystone
目录 目录 Keystone 认证流程 让 Keystone 为一个新的项目 Service 提供验证功能 最后 Keystone 认证流程 User 使用凭证(username/password) ...
- 用 Flask 来写个轻博客 (4) — (M)VC_创建数据模型和表
目录 目录 前文列表 扩展阅读 定义数据模型 models 创建表 前文列表 用 Flask 来写个轻博客 (1) - 创建项目 用 Flask 来写个轻博客 (2) - Hello World! 用 ...
- 一个python练习
问题描述: 有一对兔子,每隔3个月就生一对兔子,生下来的兔子也是每隔3个月就生兔子,以此类推... 用python模拟出来: #!/usr/bin/python3 import random impo ...
- Tomcat负载均衡、调优核心应用进阶学习笔记（一）：tomcat文件目录、页面、架构组件详解、tomcat运行方式、组件介绍、tomcat管理
文章目录 tomcat文件目录 bin conf lib logs temp webapps work 页面 架构组件详解 tomcat运行方式 组件介绍 tomcat管理 tomcat文件目录 ➜ ...