HTML和JavaScript函数之间的关系

来源:互联网 发布:淘宝账号实名认证更换 编辑:程序博客网 时间:2024/04/28 06:18

在javaScript中有两类函数,一个是自定义的函数,一个是JavaScript中的函数。在HTML中javaSrcipt能和HTML完全的融合,也就是我们的JavaScript系统函数能直接的应用到HTML中,不需要在函数的两边加上<script>这个函数,但是对我们自定义的或拿书利用function这个关键字定义 的函数是在函数的两边加载<script>这个标签的。

应用到javaScript中的函数但是没有标签的情景:

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
<title></title>
</head>
<body>
<h1>我的第一段的JavaScript</h1>
<p>
JavaScript能够对事件作出反应,比如说点击按钮
</p>
<button type="button" onclick="alert('Welcome!')">点击这里</button>
</body>
</html>
<!-- alert()函数是javaScript中的一个函数,对代码测试很方便
onclick事件是代码众多的事件之一 -->

也有利用自定的函数,在函数定义的时候要在function这个定义函数的两边加上<script>这个标签的,

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title></title>
</head>
<body>
<h1>我的第一段JavaScript</h1>
<p id="demo">
JavaScript能改变的是HTML的内容
</p>
<script type="text/javascript">
function myFunction()
{
x=document.getElementById("demo");//找到元素
x.innerHTML="Hello javascript!";//改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>

在javaScript函数定义的过程中用到的很多javaScript中系统自带的函数


0 0