原文链接:https://www.yangln.xyz/index.php/archives/11/
JavaScript简介
- JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上
- 脚本语言
- 轻量级的编程语言。
- 可插入 HTML 页面的编程代码。
- 插入 HTML 页面后,可由所有的现代浏览器执行。
- 很容易学习。
使用JavaScript的3种方法
那些老旧的实例可能会在< script > 标签中使用 type=”text/javascript”。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言
1 通过< script>< /script>
中直接编写
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
2 通过链接外部的Js文件
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
3 作为某个元素的事件属性值或者是超链接的href属性值
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
屏蔽JavaScript代码
如果浏览器不支持Js,可以使用标签,浏览器将会显示noscript中的内容。
JavaScript基本语法
- 按照在HTML文件中出现的顺序依次执行
- 大小写敏感
- 忽略空白符和换行符
- 使用;结束语句,最后一个语句的分号可以省略,但尽量不要省略
- 可以使用{}括成一个语句组,形成一个块block
- 注释:单行注释//;多行注释/注释内容/
- 通过\对代码进行折行操作
document.write(' hello\
world');
- 调试alert()和console.log()