JavaScript实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>我的第一个网页</title>
</head>
<body>
<p>JavaScript 能够直接写入HTML输出流中:</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
<p>
只能在HTML的输出流中使用<strong>document.write</strong>,如果您在文档已经加载以后使用它(比如在函数中),会覆盖整个文档
</p>
</body>
</html>
1、JavaScript用法
①script标签
如果在HTML页面中插入JavaScript,请使用script>标签,
script>/script>会告诉Javascript在哪里开始和结束
②在或者中的Javascript
可以在HTML文档中放入不限量的脚本。
脚本可以位于HTML的或部分中,或者同时存在于两个部分中。
通常的做法是把函数放入部分中,或者放在页面底部,这样就可以把他们安置在同一个位置,不会干扰页面的内容
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个JavaScript函数";
}
</script>
</head>
<body>
<h1>我的Web页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>
注意:onclick = 函数名()
③外部的Javascript
把脚本保存到外部文件中。外部文件通常包含多个网页使用的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用外部的Javascript</title>
</head>
<body>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction">
点击这里
</button>
<p>
<b>注释:</b>
myFunction保存在名为"myScript.js"的外部文件中
</p>
<script src="myScript.js"></script>
</body>
</html>
myScript.js文件如下
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个Javascript函数。";
}
注意:外部脚本不能包含script标签