JavaScript 用法

84 篇文章 0 订阅

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";
}
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三季人 G

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值