JavaScript 用法
通常script表示javascript脚本代码的开始,/script表示脚本代码的结束。
这些脚本代码可以放在body标签里面。
script 标签
如果我们想要在一个网页里面加上javascript, 我们可以使用script标签。
我们可以把javascript脚本代码卸载script标签之间,script和.script表示脚本的开始和结束。
举例说明:
<script>
console("this is my first JavaScript");
</script>
注意: 有一些老的写法是在script标签里面用type=text/javascript来表示,现在我们可以省略了,因为现在所有的浏览器都已经将javascript作为默认的脚本语言了。
那么我们怎样在body中写javascript呢?
举例说明,我们向html的body文本里面写上一些内容:
<!DOCTYPE html>
<html>
<body>
...
<script>
document.write("<h2>标题1内容。</h2>");
document.write("<h3>标题2内容。</h3>");
</script>
...
</body>
</html>
那么javascript里面的事件以及函数是什么样的呢?
javascript内容一般会在网页加载的时候才运行,比如我们向在某一个人点击了按钮之后执行一些事情。我们就可以在按钮上添加点击事件,在javascript中设置好点击之后的具体事情。
那么怎样在head中设置javascript呢?
举例说明,我们在按钮点击之后出发javascript代码,并且把javascript放在head中。
<!DOCTYPE html>
<html>
<head>
<script>
function test()
{
document.getElementById("test").innerHTML="this is my first javascript";
}
</script>
</head>
<body>
<h1>标题内容。</h1>
<p id="test">段落内容。</p>
<button type="button" onclick="test()">点击我</button>
</body>
</html>
那么怎样在body中设置javascript呢?
举例说明,我们在按钮点击之后出发javascript代码,并且把javascript放在body中。
<!DOCTYPE html>
<html>
<body>
<h1>标题内容。</h1>
<p id="test">段落内容。</p>
<button type="button" onclick="test()">点击我</button>
<script>
function test()
{
document.getElementById("test").innerHTML="this is my first javascript";
}
</script>
</body>
</html>
那么什么是外部JavaScript呢?
- 通常一个页面可以有多个javascript脚本,这些脚本文件可以保存在外部文件。
- 这些外部文件的扩展名称一般是xxx.js。
- 我们可以在需要的时候使用scrip标签的scr属性,引入外部文件的xxx.js文件。
举例说明:
<!DOCTYPE html>
<html>
<body>
<script src="test.js"></script>
</body>
</html>
当然我们也可以在head和body标签中设置外部脚本,这些外部脚本和放在script标签的运行效果是一样的。
举例说明:
function test()
{
document.getElementById("test").innerHTML="this is my first javascript";
}