`
qinweiping
  • 浏览: 131341 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

javascript基础(二)

 
阅读更多

今天复习了下JavaScript的常量 数据类型 NUll与define的区别 强制类型转化 顺便写了一个有交互性功能的小程序

JS的运算符有1 数字型 2 布尔型 逻辑型 3 字符串 4空 NULL 不允许写NULL类型的只有一个值null 用来表示尚未存在的对象

undefine类型的也只有一个值 undefine申明变量的时候还未被初始化时,变量默认值是undefine

   用editPlus建一个HTML文件 其中加入一条语句<meta name="content-type" content="text/html;charset=utf-8">加入script标签

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="Content-type" content="text/html;charset=utf-8">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
    var a;
	var testDiv=document.getElementById("testDiv");
	if(a===testDiv){
	  alert("true");
	}else{
	  alert("false");
	}
	//判断null和define是否相等的第二种解法
	if(typeof a==typeof testDiv){
	  alert("true");
	}else{
	  alert("false");
	}
	alert("testDiv:"+testDiv);
	alert("a:"+a);

	var b=88;
	function changeB()
	{
	  b="abc";
	  alert("b:"+b);
	}
	var b=100;
	function changeB()
	{
	  var result=prompt("请输入一个数字:" ,88);
	  alert(b+result);
	  alert(b+parseFloat(result));
	}
	
//-->
</SCRIPT>
</HEAD>

<BODY>
  <input type="button" value="数据类型转换" onclick="changeB()">
</BODY>
</HTML>
 

 



 

 

 

 

 

这里要注意==和===的“===”表示绝对等于 所以返回的是true 



 下面还有一个交互性的程序 请看示意图


代码如下:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="content-type" content="text/html;charset=utf-8">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
 function calcu(){
 
   var price=document.getElementById("txtPrice").value;
   var num=document.getElementById("txtNum").value;
   var total=parseFloat(price)*parseFloat(num);
   document.getElementById("txtTotal").value=total;
   if(total>500&&total<=1000){
      alert("将赠送超级Q币2枚");
   }else if(total>1000&& total<=2000){
      alert("将赠送IBM智能光电鼠标一个")
   }else if(total>2000){
      alert("请直接和贵宾台联系!");
   }

 }
//-->
</SCRIPT>
</HEAD>

<BODY>

<label for="txtPrice">竞拍价格:</label><input type="text" id="txtPrice"></br>
<label for="txtNum">  竞拍数量:</label><input type="text" id="txtNum"></br>
<label for="txtPrice">竞拍总价:</label><input type="text" id="txtTotal"></br>
<input type="button" value="计算看看" onclick="calcu()">

</BODY>
</HTML>

 好了 今天就复习到这里 明天继续哈哈 我的新浪微博是http://weibo.com/qinweiping我会相关整理很多文档 包括EXTJS 数据库 CRM开发 C数据结构实战教程 操作系统实验教程 主要都是实践为主 希望对大家有所帮助 谢谢!

  • 大小: 10.2 KB
  • 大小: 8.8 KB
  • 大小: 8.7 KB
  • 大小: 10.2 KB
  • 大小: 8.4 KB
  • 大小: 10.2 KB
  • 大小: 10.3 KB
  • 大小: 10.5 KB
0
0
分享到:
评论

相关推荐

    javascript教案 JavaScript基础

    javascript教案 JavaScript基础 【实例简介】javascript教案 javascript学习指导,语法基础的指导及编写格式和方法的说明 第一章 概述 4 1.1 JavaScript的由来 4 1.2 什么是JavaScript 4 1.3 JavaScript的特点...

    javascript基础知识总结

    以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...

    JavaScript基础以及示例

    JavaScript,是一种广泛应用于网页和网络应用的...通过学习和实践JavaScript基础及示例,你可以逐步掌握这个强大的脚本语言,为Web开发打下坚实基础。在实践中不断探索和学习,你会发现JavaScript的世界充满无限可能。

    JavaScript基础与实践教程

    二、JavaScript基础语法 1. 变量:JavaScript中的变量使用var、let或const关键字声明。var适用于全局或函数作用域,let和const则属于块级作用域。const声明的变量不可重新赋值,但其引用的对象属性仍可修改。 2. ...

    JavaScript基础.pdf

    ### JavaScript基础知识点详解 #### 一、脚本语言概述 **1.1 什么是脚本语言** 脚本语言(Scripting Language)是一种轻量级的编程语言,它使用ASCII字符编写,无需像C语言或Java那样经过编译过程转换为二进制...

    Javascript 程序设计基础教程(第2版)_习题答案

    本教程的第二版习题答案旨在帮助学习者深入理解JavaScript的基本概念、语法和功能,以提升编程技能。 首先,JavaScript的核心知识点包括变量、数据类型、运算符和控制流程。变量是存储数据的容器,JavaScript支持六...

    JavaScript基础笔记.md

    ### JavaScript基础知识点详解 #### 一、JavaScript简介 **JavaScript**是一种主要运行在客户端的脚本语言,它不需要经过编译就能直接由浏览器解析执行。这使得JavaScript成为了现代Web开发中不可或缺的一部分,...

    Javascript基础教程 文字版 代码可复制

    ### JavaScript基础教程核心知识点概述 #### 一、JavaScript简介与特性 - **JavaScript的作用**:JavaScript主要用于增强网页的交互性和动态效果,使网页能够实时响应用户的操作,提高用户体验。 - **减少HTML重复*...

    javascript基础学习资料(doc)

    在后续章节中,JavaScript的学习内容包括基本数据类型、表达式、运算符、程序控制流、对象的基础知识、常用对象的属性和方法,以及系统脚本中特有的方法。掌握这些知识,开发者可以创建复杂的网页交互、动态效果、...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript基础复习大纲

    JavaScript 基础复习大纲 DAY1 一、JavaScript 简介 JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)、并具有安全性的脚本语言。它主要用途改进网页设计、验证表单、检测浏览器、创建 cookies,...

    Javascript基础教程.doc

    ### JavaScript基础教程核心知识点 #### 一、交互性与JavaScript的重要性 在早期互联网时代,网站的交互性往往受限于用户点击链接后跳转至新页面的简单操作,即便使用了CGI(Common Gateway Interface)语言,用户...

    Javascript基础入门教程(pdf清晰版)

    本教程是针对初学者设计的JavaScript基础入门教程,旨在帮助你理解这门语言的基本概念和常用语法。 一、JavaScript简介 JavaScript诞生于1995年,由Netscape公司的Brendan Eich设计。尽管其名称中包含“Java”,但...

    javascript基础教程(第六版)及随书源码

    **JavaScript基础教程(第六版)**是图灵丛书中的一本经典教材,专注于JavaScript这门广泛应用于Web开发的脚本语言。这本书详细介绍了JavaScript的核心概念和技术,为读者提供了丰富的学习资源,包括随书源码,使得...

    JavaScript基础教程

    ### JavaScript基础教程知识点详解 #### 一、JavaScript简介与应用场景 JavaScript是一种广泛应用于网页开发中的脚本语言,它能够使网页具有动态效果,提升用户体验。随着前端技术的发展,JavaScript不仅限于...

    Javascript基础就业班第二阶段2.md

    js基础就业班第二阶段js的初识和js函数数组等知识点

    Javascript基础网页中调用JS代码的几种方法

    ### JavaScript基础网页中调用JS代码的几种方法 在网页开发过程中,JavaScript作为一种重要的客户端脚本语言,被广泛应用于交互式网页设计中。本文将详细介绍几种在HTML文档中调用JavaScript代码的方法,帮助开发者...

    javascript基础-->中级-->高级-->面向对象

    一、JavaScript基础 1. 变量与数据类型:JavaScript支持动态类型,允许声明变量时无需指定类型。基本数据类型包括字符串(String)、数字(Number)、布尔(Boolean)、空(null)、未定义(undefined)以及后来引入...

    JavaScript:JavaScript基础语法

    ### JavaScript基础语法详解 #### 一、JavaScript的历史与发展 JavaScript 是一种重要的编程语言,由 Netscape 公司的 Brendan Eich 在1995年仅用10天时间创造出来。起初,它被称为 Mocha,之后又更名为 ...

Global site tag (gtag.js) - Google Analytics