javascript函数和事件

最新推荐文章于 2022-09-15 16:59:20 发布

LetMeDown。

最新推荐文章于 2022-09-15 16:59:20 发布

阅读量176

点赞数

本文链接：https://blog.csdn.net/weixin_44831734/article/details/89602420

版权

head中的javascript函数

<html>
<head>
 <title>示例</title>
 <meta charset="utf-8" />
 <script>
  function myfunction(){
   x=document.getElementById("demo");//显示页面内容
   x.innerHTML="我的第一个javascript函数";//改变页面内容
  } 
 </script>
</head>
<body>
 <h1>我的web页面</h1>
 <p id="demo">一个段落</p>
 <button type="button" onclick="myfunction()">点击这里</button>
 <script type="text/javascript">
  
 </script>
</body>
</html>

body中的javascript函数

<html>
<head>
 <title>示例</title>
 <meta charset="utf-8" />
</head>
<body>
 <h1>我的web页面</h1>
 <p id="demo">一个段落</p>
 <button type="button" onclick="myfunction()">点击这里</button>
 <script type="text/javascript">
  
  function myfunction(){
   x=document.getElementById("demo");
   x.innerHTML="我的第一个javascript函数";
  } 
 
 </script>
</body>
</html>

外部的javascript

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>
 
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
 
</body>
</html>