h18月14号第七次课_第1页
h18月14号第七次课_第2页
h18月14号第七次课_第3页
h18月14号第七次课_第4页
h18月14号第七次课_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavascriptJavascriptJavascriptJavascriptJavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。Javascript用法HTML中的脚本必须位于<script>与</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。<script>

alert(“Helloworld");

</script>第一种方式直接放入到<head>…..</head>中第二种方式外部引入<scriptsrc="js/aa.js"type="text/javascript"></script>外部引用入后，<script>内写的代码不会执行JavaScript输出JavaScript没有任何打印或者输出的函数。在HTML中，JavaScript通常用于操作HTML元素。如需从JavaScript访问某个HTML元素，您可以使用document.getElementById(id)方法。请使用"id"属性来标识HTML元素，并innerHTML来获取或插入元素内容：<!DOCTYPEhtml>

<html>

<body>

<h1>我的第一个Web页面</h1>

<pid="demo">我的第一个段落</p>

<script>

document.getElementById("demo").innerHTML="段落已修改。";

</script>

</body>

</htmlJavaScript中的变量JavaScript数据类型关键字var可以声明所有类型的变量变量类型字符串类型数字类型对象类型vara=6;varb="666“varc=document.getElementById("aa"）;JavaScript中的变量<script> vara=6; varb=a<6; alert(b);</script>JavaScript布尔布尔（逻辑）只能有两个值：true或false。varx=true;

vary=false;JavaScript中的注释JavaScript注释JavaScript不会执行注释。我们可以添加注释来对JavaScript进行解释，或者提高代码的可读性。单行注释以//开头。本例用单行注释来解释代码：<script>//声明变量a vara=6;//将判断的值赋于变量b varb=a<6; alert(b);</script>JavaScript中的函数JavaScript函数语法函数就是包裹在花括号中的代码块，前面使用了关键词function：functionfunctionname()

{

执行代码

}JavaScript中的函数调用带参数的函数在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多的参数，由逗号(,)分隔：myFunction(argument1,argument2)当您声明函数时，请把参数作为变量来声明：functionmyFunction(var1,var2)

{

代码

}<script>functionaa(a,b){ varc=a+b; alert(c); } aa(3,4) ;</script>JavaScript中的函数带有返回值的函数有时，我们会希望函数将值返回调用它的地方。通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。functionmyFunction()

{

varx=5;

returnx;

}函数调用将被返回值取代：varmyVar=myFunction();JavaScript中的函数带有返回值的函数有时，我们会希望函数将值返回调用它的地方。通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。functionmyFunction()

{

varx=5;

returnx;

}函数调用将被返回值取代：varmyVar=myFunction();JavaScript中的事件HTML事件HTML事件可以是浏览器行为，也可以是用户行为。以下是HTML事件的实例：HTML页面完成加载HTMLinput字段改变时HTML按钮被点击通常，当事件发生时，你可以做些事情。在事件触发时JavaScript可以执行一些代码。HTML元素中可以添加事件属性，使用JavaScript代码来添加HTML元素。示例<buttononclick="displayDate()">Thetimeis?</button>JavaScript案例1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><script>functioncheck(){ varuser=document.getElementById("user").value; varpassword=document.getElementById("password").value; if(user==""){ alert("请输入用户名"); } if(password==""){ alert("请输入密码"); }

}</script></head><body> user：<inputtype="text"name="user"id="user"value=""/>passowrd:<inputtype="text"name="password"id="password"value=""/><inputtype="button"value="提交"onclick="check();"/></body></html>JavaScript案例2<head><script>functioncheck(){ varuser=document.getElementById("user").value; varpassword=document.getElementById("password").value; if(user==""){ alert("请输入用户名"); returnfalse } if(password==""){ alert("请输入密码"); returnfalse } returntrue;

}</script></head><body><formaction="tiao.html"method="post"onsubmit="returncheck();"> user：<i

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论