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

javascript基础(一)

阅读更多

今天复习下javascript 我举例三个例子 分别是提供用户交互 动态内容更新 验证数据 这三个常见的JS的功能 附上代码 一起学习 加油!!

 

<!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">
<!--
  function use1()
  {
    var result=prompt("请输入姓名:","");
	if(result)
	alert("欢迎"+result+"的到来!");
  }
  function use2()
  {
    var element=document.getElementById("ContentDiv");
	element.style.position="absolute"
	element.style.top=200;
	element.style.left=200;
	element.innerHTML="<font color='red'>欢迎您的到来,我们一起学习!</font>";
  }
  function use3()
  {
    var txtPwd=document.getElementById("txtPwd");
	if(txtPwd.value==""){
	 alert("密码不能为空");
	}else if(txtPwd.value.length<6){
	 alert("密码长度不能小于6位");
	}else{
	 alert("密码验证通过");
	}
  }
//-->
</SCRIPT>
</HEAD>

<BODY>
<div id="ContentDiv"></div>
<input type="button" value="提供用户交互" onclick="use1()" />
<input type="button" value="动态内容更改" onclick="use2()" />
<label>密码:</label><input type="password" id="txtPwd"/>
<input type="button" value="验证数据" onclick="use3()" /><br />

</BODY>
</HTML>
 
0
0
分享到:
评论

相关推荐

    javascript教案 JavaScript基础

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

    javascript基础教程PDF

    javascript基础教程PDF,一本不可多得的网页开发教材。

    JavaScript基础与案例开发详解/于坤, 周大庆编著

    《JavaScript基础与案例开发详解》根据JavaScript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像Windows...

    JavaScript基础与案例开发详解

    资源名称:Javascript基础与案例开发详解内容简介:《Java script基础与案例开发详解》根据Javascript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的...

    JavaScript基础与案例开发详解pdf

    JavaScript基础与案例开发详解根据javascript在各种类型的应用开发中(如b2b、b2c、c2c)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像windows那样...

    第一章 JavaScript基础语法

    第一章 JavaScript基础语法 第一章 JavaScript基础语法 第一章 JavaScript基础语法

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    JavaScript视频教程零基础学起

    一整套JavaScript视频教程,适合零基础新入行的朋友学习

    JavaScript基础教程(第8版) 高清版 mobi

    《javascript基础教程(第8版)》循序渐进地讲述了javascript 及相关的css、dom、ajax、jquery 等技术。书中从javascript 语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并...

    Javascript基础教程.doc

    一份好的Javascript基础教程资料

    javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门.pdf

    javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门

    Javascript 基础知识 一张纸

    将Javascript的基础知识浓缩到一张纸上

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

    本教程在结构上设计的比较像一个参考(reference),有参考的规划性,但 又有教程的性质,所以我把它叫做“参考教程”。 本教程不面向连 HTML 都没有学好的读者。本教程中会多次提到有关 HTML 的内容,并不会对这些 ...

    JavaScript 1.8.5 英文第一章 Javascript基础介绍

    JavaScript 1.8.5 英文第一章 Javascript基础介绍变量声明

    JavaScript基础教程(第8版) 高清非扫描

    言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版 的基础上新增了两章,讲述jQuery 框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨了 JavaScript ...

    javascript基础知识PDF

    2.2.1 加入JavaScript 代码的方式一 . . . . . . . . . . . . . . . . . . . . . . . . 10 2.2.2 加入JavaScript 代码的方式二. . . . . . . . . . . . 12 2.2.3 加入JavaScript 代码的方式三. . . . . . . . . . . ...

    javascript基础学习资料(doc)

    第一章 什么是JavaScript 第二章 JavaScript和Java的区别 第三章 基本数据类型、表达式、运算符 第四章 程序控制流 第五章 对象的基础知识 第六章 常用对象的属性和方法 第七章 系统脚本编程语言中独有的方法

    JavaScript入门篇,JavaScript基础知识

    JavaScript是一种脚本语言,主要用于增加网站的交互性,如制作动态样式、动画,以及在用户按下按钮或提交表单数据时提供响应。它是目前世界上最流行的编程语言之一,不仅用于网页开发,还可以驱动许多基于HTML5的...

    JavaScript,JavaScript最全面的学习资料【JavaScript基础教程第7版】

    我们实习的时候,团队中各组员分别学习并总结的劳动成果,JavaScript基础教程第7版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JavaScript的求知者,积分要的不多,也算是给我们劳动成果的一点...

Global site tag (gtag.js) - Google Analytics