1 / 25
文档名称:

Web前端开发培训Javascript教程一.doc

格式:doc   大小:37KB   页数:25页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Web前端开发培训Javascript教程一.doc

上传人:非学无以广才 2020/3/20 文件大小:37 KB

下载得到文件列表

Web前端开发培训Javascript教程一.doc

文档介绍

文档介绍:Web前端开发培训Javascript学****阶段一热点:易莱胜官网百读易莱胜官网上海易莱胜上海百读易莱胜JavaScript 简介javaScript为网页的脚本语言,可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。javascript的特点:javaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现代浏览器执行。("<h1>这是一个标题</h1>");("<p>这是一个段落。</p>");JavaScript:对事件的反应<buttontype="button"onclick="alert('欢迎!')">点我!</button>alert()函数在JavaScript中一般是用来测试的。onclick事件元素。JavaScript:改变HTML内容x=("demo")//="HelloJavaScript";//("someid")。这个方法是HTMLDOM中定义的。DOM(DocumentObjectModel)(文档对象模型)是用于访问HTML元素的正式W3C标准。JavaScript:改变HTML图像<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程()</title></head><body> <script>functionchangeImage(){ element=('myimage') if(("bulbon")) { ="/images/"; } else{ ="/images/";}}</script><imgid="myimage"onclick="changeImage()"src="/images/"width="100"height="180"><p>点击灯泡就能够打开或关闭这盏灯</p> </body></html>JavaScript:改变HTML样式x=("demo")//="#ff0000";//改变样式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>("<h1>这是一个标题</h1>");("<p>这是一个段落</p>");</script>..</body></html>JavaScript函数和事件上面例子中的JavaScript语句,会在页面加载时执行。一般,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。如果我们把JavaScript代码放入函数中,就能够在事件发生时调用该函数。您将在稍后的章节学到更多有关JavaScript函数和事件的知识。在<head>或者<body>的JavaScript您能够在HTML文档中放入不限数量的脚本。脚本可位于HTML的<body>或<head>部分中,或者同时存在于两个部分中。一般的做法是把函数放入<head>部分中,或者放在页面底部。这样就能够把它们安置到同一处位置,不会干扰页面的内容。<head>中的Jav