1 / 25
文档名称:

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

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

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

分享

预览

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

上传人:na2021 2021/12/23 文件大小:93 KB

下载得到文件列表

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

相关文档

文档介绍

文档介绍:Web前端开发培训Javascript学****阶段一
热点:易莱胜官网
百读易莱胜官网
上海易莱胜
上海百读易莱胜
JavaScript 简介
javaScript 为网页的脚本语言,可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
javascript的特点:
javaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
javascript可以写html输出流
("<h1>这是一个标题</h1>");
("<p>这是一个段落。</p>");
JavaScript:对事件的反应
<button type="button" onclick="alert('欢迎!')">点我!</button>
alert() 函数在 JavaScript 中一般是用来测试的。
onclick 事件元素。
JavaScript:改变 HTML 内容
x=("demo") //查找元素
="Hello JavaScript"; //改变内容
("some id")。这个方法是 HTML DOM 中定义的。
DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。
JavaScript:改变 HTML 图像
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程()</title>
</head>
<body>

<script>
function changeImage()
{
element=('myimage')
if (("bulbon"))
{
="/images/";
}
else
{
="/images/";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>

</body>
</html>
JavaScript:改变 HTML 样式
x=("demo") //找到元素
="#ff0000"; //改变样式
JavaScript:验证输入
JavaScript 常用于验证用户的输入。
if isNaN(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> 写文本:
<!DOCTYPE html>
<html>
<body>
.
.
<script>
("<h1>这是一个标题</h1>");
("