欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript简单使用讲解

程序员文章站 2022-06-08 21:06:58
javascript 是世界流行的语言。 这门语言可用于 html 和 web, javascript 是脚本语言。javascript 插入 html 页面后,可由所有的现代执行...

javascript 是世界流行的语言。 这门语言可用于 html 和 web, javascript 是脚本语言。javascript 插入 html 页面后,可由所有的现代执行。

html 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 html 页面的 <body> 和<head>部分中。

js 组成部分

ecmascript:语法

bom:浏览器对象模型

dom:文档对象模型

html 和 js 整合

方式一:在 html 页面中

<script></script>

方式二:外部的 js 文件

<script src=""></script>

在 html 页面中插入 javascript, 就需要使用 <script> 标签。

javascript 是所有现代浏览器以及 html5 中的默认脚本语言。

下面展示几个小例子:

案例一

<!doctype html>

<html>

<body>

.

.

<script>

document.write("<h1>this is a heading</h1>");

document.write("<p>this is a paragraph</p>");

</script>

.

.

</body>

</html>

实例二:

<!doctype html>

<html>

<head>

<script>

function myfunction()

{

document.getelementbyid("demo").innerhtml="my first javascript function";

}

</script>

</head>

<body>

<h1>my web page</h1>

<p id="demo">a paragraph</p>

<button type="button" onclick="myfunction()">try it</button>

</body>

</html>

实例三

<!doctype html>

<html>

<body>

<h1>my web page</h1>

<p id="demo">a paragraph</p>

<button type="button" onclick="myfunction()">try it</button>

<script>

function myfunction()

{

document.getelementbyid("demo").innerhtml="my first javascript function";

}

</script>

</body>

</html>

案例四

<!doctype html>

<html>

<body>

<script src="myscript.js"></script>

</body>

</html>

提示:外部脚本不能包含 <script> 标签。