文档介绍: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>");
("