当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JavaScript简单使用讲解

JavaScript简单使用讲解

2019年03月23日  | 移动技术网IT编程  | 我要评论
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> 标签。

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网