博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript笔记(第一章,第二章)
阅读量:4592 次
发布时间:2019-06-09

本文共 3212 字,大约阅读时间需要 10 分钟。

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="+" οnclick="calc('+')" />

           <input type="button" value="-" οnclick="calc('-')"  />

           <input type="button" value="*" οnclick="calc('*')"  />

           <input type="button" value="/" οnclick="calc('/')"  />

      </td></tr>

</table></form>

</body></html>

 

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 ,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 、、、 和 。

表单用于向服务器传输数据。

 

 

 

<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" οnclick="sum()" value="求和">&nbsp;

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

</form>

</body>

</html>

 

 

if(counter == 10){

     break;

}

等于号

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/7677702.html

你可能感兴趣的文章
C# 中的异常处理
查看>>
c# 调试
查看>>
c# 使用序列化
查看>>
c# VS.NET 中的调试工具
查看>>
c# System.Array
查看>>
c# StringBuilder类
查看>>
c# 格式化数据String.Format
查看>>
c# 日期和时间System.DateTime
查看>>
c# 字符串修改
查看>>
c# 正则表达式
查看>>
c# Regex类
查看>>
c# Match类
查看>>
c# MatchCollection类
查看>>
c# Group类
查看>>
c# FileStream 类构造函数
查看>>
H3C 帧聚合
查看>>
H3C WLAN相关组织和标准
查看>>
H3C 802.11网络的基本元素
查看>>
redis Set相关命令
查看>>
基于物品的协同过滤(ItemCF)
查看>>