JavaScript与html的结合方式

最新推荐文章于 2022-08-16 07:53:18 发布

drinkingcode

最新推荐文章于 2022-08-16 07:53:18 发布

阅读量528

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u010661782/article/details/49021049

版权

JavaScript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

代码示例如下：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src = "a.js"> </script>      <!--方式三：采用外部文件-->
  <title>Document</title> 
 </head>
   
 <body>
     <p onclick = "alert('你好')" id  = "p">大家好</p>    <!--方式一：在标签内引入，alert('你好')就属于JavaScript的语句-->
 </body>
</html>
<script type="text/javascript">     /*<方式二：通过采用<script></script>在内部创建>*/
<!--
alert("哈哈哈") ;        
//-->
</script>

注：

浏览器的解析顺序是从上往下依次执行，所以其先弹出abcde,然后弹出“哈哈哈”

至于为什么没有弹出“你好”，主要是由于这个需要点击事件发生时，才会发生

a.js文件如下：