设为首页 加入收藏

TOP

JavaScript笔记(第一章,第二章)(一)
2017-10-16 18:19:14 】 浏览:1533
Tags:JavaScript 笔记 第一 第二章

java script笔记(第一章,第二章)

第一章:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 

<script type="text/java script" src="lesson2.js"></script>

 

Lesson2.js

document.write("<div style='font-size:36px; color:red'>");

document.write("欢迎使用java script !");

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/java script">

<!--

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>

    <

首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇序列帧动画-练习 下一篇html开发基础

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目