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+"&nbsp;&nbsp;");

空格 &nbsp;

有事件处理，有函数，有表格，还有控件，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="求和">&nbsp;

<input type="text" name="result" size=6>

</form>

</body>

</html>

if(counter == 10){

break;

}

等于号

JavaScript笔记（第一章，第二章）的更多相关文章

  1. 《Linux内核设计与实现》读书笔记——第一、 二章

    <Linux内核设计与实现>读书笔记--第一. 二章 标签(空格分隔): 20135321余佳源 第一章 Linux内核简介 1.Unix内核特点 十分简洁:仅提供几百个系统调用并且有明确 ...

  2. [书籍翻译] 《JavaScript并发编程》 第二章 JavaScript运行模型

    本文是我翻译<JavaScript Concurrency>书籍的第二章 JavaScript运行模型,该书主要以Promises.Generator.Web workers等技术来讲解J ...

  3. 《JavaScript高级程序设计》——第二章在HTML使用JavaScript

    这章讲的是JavaScript在HTML中的使用,也就是<script>元素的属性.书中详细讲了async.defer.src和type四个<script>的属性. 下面是对第 ...

  4. 《细说PHP》第四版 样章 第二章 PHP的应用与发展 1

    <细说PHP>第四版 样章 第二章 PHP的应用与发展 1 学习任何编程语言之前,先了解一下它的应用与发展是很有必要的.从Web开发的历史看来,PHP.Python和Ruby几乎是同时出现 ...

  5. Linux第一章第二章学习笔记

    第一章 Linux内核简介 1.1 Unix的历史 它是现存操作系统中最强大最优秀的系统. 设计简洁,在发布时提供原代码. 所有东西都被当做文件对待. Unix的内核和其他相关软件是用C语言编写而成的 ...

  6. ArcGIS API for JavaScript 4.2学习笔记[3] 官方第二章Mapping and Views概览与解释

    目录如下: 连接:第二章 Mapping and Views 根据本人体会, [这一章节主要是介绍地图(Map)和视图(View)的.] 其中,Get started with MapView(2D) ...

  7. JS高程读书笔记-第一、二章-内附在线思维导图和quizlet卡片

    之前在kindle上买了高程,今天又到了纸质的<JavaScript语言精粹>,<高性能JavaScript>,<JavaScipt设计模式>,开始读书之旅啦. 我 ...

  8. 《Linux内核设计与实现》读书笔记 第一、二章

    第一章    Linux内核简介 1.1Unix历史 Unix特点:1.很简洁 2.所有东西都被当成文件对待 3.Unix内核和相关的系统工具软件都是用C语言编写而成 4.进程创建非常迅速 所以Uni ...

  9. 《利用python进行数据分析》读书笔记 --第一、二章 准备与例子

    http://www.cnblogs.com/batteryhp/p/4868348.html 第一章 准备工作 今天开始码这本书--<利用python进行数据分析>.R和python都得 ...

  10. 《linux内核设计与实现》读书笔记第一、二章

    第一章 Linux内核简介 1.1 Unix的历史 1971年,Unix被移植到PDP-11型机中. 1973年,Unix操作系统用C语言改写——为Unix系统的广泛移植铺平了道路. 1977年,伯克 ...

随机推荐

  1. AcWing 233. 换教室 （期望DP+floyd）打卡

    题目:https://www.acwing.com/problem/content/235/ 题意:有n个时间段,这个时间段有两个地方授课ci,di,最开始是在ci,可以申请去di,但是是几率的,然后 ...

  2. ! Unknown property attribute "class"

    当时是在用Xcode 7进行编译ASDK的代码发现报错了 当时就蒙圈了,@property(class)--这是啥呀,太久没看过object-c了,但是不至于@property是没有class属性的, ...

  3. 双目立体匹配经典算法之Semi-Global Matching（SGM）概述：匹配代价计算之互信息（Mutual Information，MI）

      半全局立体匹配算法Semi-Global Matching,SGM由学者Hirschmüller在2005年所提出1,提出的背景是一方面高效率的局部算法由于所基于的局部窗口视差相同的假设在很多情况 ...

  4. 使用 nuxt+iview-admin+koa2 开发项目

    公司最近在做的一个项目,依然是采用熟悉的vue开发,数据平台因为其数据量大的特点,采用传统的spa模式,首页加载时间很长,而SSR这种方式对于首屏的加载时间优化显而易见,同时还可以方便的进行SEO.因 ...

  5. 用Node编写RESTful API接口

    前言 本文将通过一个todo list前后端分离的小项目来讲解如何用Node创建符合RESTful风格的API接口. 创建HTTP服务器 我们先来了解下如何用Node创建HTTP服务器(熟悉的读者可以 ...

  6. RabbitMQ（七）心跳控制 -- heartbeat

    https://blog.csdn.net/jiao_fuyou/article/details/23186407

  7. 用 Flask 来写个轻博客 (7) — (M)VC_models 的关系(many to many)

    目录 目录 前文列表 扩展阅读 前期准备 多对多 使用样例 一直在使用的 session 前文列表 用 Flask 来写个轻博客 (1) - 创建项目 用 Flask 来写个轻博客 (2) - Hel ...

  8. 将libvex移植到Visual Studio编译平台下的经验总结

    1. 两难 将libvex从Linux移植到Windows,移植工作聚集于Cross-Compiler,而不是预料的Cross-Platform. VC++ Compiler到目前为止只支持C89标准 ...

  9. token的创建及解析

    <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifac ...

  10. Hibernate4之注解零配置

    @Entity ,注册在类头上,将一个类声明为一个实体bean(即一个持久化POJO类) . @Table ,注册在类头上,注解声明了该实体bean映射指定的表(table). @Id用来注册主属性, ...