1 / 24
文档名称:

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

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

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

分享

预览

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

上传人:梅花书斋 2020/2/14 文件大小:35 KB

下载得到文件列表

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

相关文档

文档介绍

文档介绍:Web前端开发培训Javascript学****阶段一热点:易莱胜官网百读易莱胜官网上海易莱胜上海百读易莱胜JavaScript 简介javaScript为网页的脚本语言,可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。javascript的特点:javaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。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>中的JavaScript函数在本例中,我们把一个JavaScript函数放置到HTML页面的<head>部分。该函数会在点击按钮时被调用:<!DOCTYPEhtml><html><head><script>functionmyFunction(){("demo").innerHTML="我的第一个JavaScript函数";}</script></head><body><h1>我的Web页面</h1><pid="demo">一个段落</p><buttontype="button"onclick="myFunction()">尝试

最近更新