JavaScript简单使用讲解
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> 标签。
推荐阅读
-
python使用xmlrpc实例讲解
-
window.dialogArguments 使用说明_javascript技巧
-
Javascript实现简单二级下拉菜单实例_javascript技巧
-
JQuery Ajax 在asp.net中的使用并调用后台实例讲解
-
Js 导出table内容到Excel的简单实例_javascript技巧
-
arcgis api for javascript学习-FeatureTable使用
-
JS截取字符串常用方法整理及使用示例_javascript技巧
-
VueCLI使用ArcGIS API for JavaScript(二)
-
VueCLI使用ArcGIS API for JavaScript(七)
-
使用js实现雪花飘落效果_javascript技巧