文档介绍：--------------------------校验:_____________-----------------------日期:_____________Web前端开发培训Javascript教程一Web前端开发培训Javascript学****阶段一热点:易莱胜官网百读易莱胜官网上海易莱胜上海百读易莱胜JavaScript 简介javaScript为网页的脚本语言,可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。javascript的特点:javaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现代浏览器执行。javascript可以写html输出流JavaScript:对事件的反应<buttontype="button"onclick="alert('欢迎!')">点我!</button>alert()函数在JavaScript中一般是用来测试的。onclick事件元素。JavaScript:改变HTML内容DOM(DocumentObjectModel)(文档对象模型)是用于访问HTML元素的正式W3C标准。JavaScript:改变HTML图像<!DOCTYPEhtml><html><head><metacharset="utf-8"></head><body> <script>functionchangeImage(){ { } else{ }}</script><imgid="myimage"onclick="changeImage()"<p>点击灯泡就可以打开或关闭这盏灯</p> </body></html>JavaScript:改变HTML样式JavaScript:验证输入JavaScript常用于验证用户的输入。ifisNaN(x){alert("不是数字")};JavaScript 用法HTML中的脚本必须位于<script>与</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。<script>标签如需在HTML页面中插入JavaScript,请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。<script>和</script>之间的代码行包含了JavaScript:<script>alert("我的第一个JavaScript");</script>您无需理解上面的代码。只需明白,浏览器会解释并执行位于<script>和</script>之间的JavaScript代码<body>中的JavaScript在本例中,JavaScript会在页面加载时向HTML的<body>写文本:<!DOCTYPEhtml><html><body>..<script></script>..</body></html>JavaScript函数和事件上面例子中的JavaScript语句,会在页面加载时执行。通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。如果我们把JavaScript代码放入函数中,就可以在事件发生时调用该函数。您将在稍后的章节学到更多有关JavaScript函数和事件的知识。在<head>或者<body>的JavaScript您可以在HTML文档中放入不限数量的脚本。脚本可位于HTML的<body>或<head>部分中,或者同时存在于两个部分中。通常的做法是把函数放入<head>部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。<head>中的JavaScript函数在本例中,我们把一个JavaScript函数放置到HTML页面的<head>部分。该函数会在点击按钮时被调用:<!DOCTYPEhtml><html><head><script>functionmyFunction(){}</script></head><body><h1>我的Web页面</h1><pid="demo">一个段落</p><buttontype="button"onclick="myFunction()">尝试一下</button></body></html><body>中的JavaScript函数在本例中,我们把一个JavaScript函数放置到HTML页面的<body>部分。该函数会在点击按钮时被调用:<!DOCTYPEhtml><html><body><h1>我的Web页面</h1><pid="demo">一个段落</p><buttontype="button"onclick="myFunction()">尝试一下</button><script>function